如何在react-native中自动聚焦react-native-pell-rich编辑器中的光标

Question

我在我的react-native应用程序中使用了react-native-pell-rich-editor。如何在编辑器打开后立即在RichEditor中聚焦光标？RichEditor中是否支持自动聚焦属性？

"react-native": "0.61.2" "react-native-pell-rich-editor": "^1.0.4"

Answer 1

在1.1.0版本之前，您必须使用focusContentEditor方法(请参阅official docs)在编辑器初始化后手动将其置于焦点。如果此方法在1.0.4中不可用，那么您必须查看哪些公共API可用( RichEditor的实现应该有一个带有清晰注释的部分来显示公共API)，或者使用RichEditor引用通过TextInput.focus()之类的方法手动设置焦点

从1.1.0版本开始，RichEditor组件有一个名为initialFocus的属性。当设置为true时，它会自动将光标聚焦在编辑器中文本内容的最后一个位置。

无论您如何聚焦编辑器，我也建议将RichEditor放在ScrollView内部，并在编辑器初始化时确定scroll the ScrollView to the bottom位置，以便光标处于焦点位置，并且光标位于键盘上方。