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

Question

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

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

Answer 1

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

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

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