如何获取TextInput中的光标位置和光标位置后的内容？

Question

我想编写一个组件，可以编辑文章输入和插入图像。我使用TextInput进行单词输入。如果我想在文本的中间插入一个图像，我将在Image之后生成一个Image组件和一个新的TextInput。但我不知道如何获得光标后的光标位置和内容。 有人帮忙吗？

Answer 1

<TextInput> onSelectionChange与{ nativeEvent:{ start:number, end:number } }一起发起。它会在光标位置发生变化时更新。

Answer 2

@Noitidart的答案指向正确的方向

onSelectionChange具有{ nativeEvent:{ start:number, end:number } }，可以与onSelectionChange一起触发。每当光标位置更改时，它就会更新。

不过，值得注意的是，从RN 0.61开始，{ nativeEvent: { selection: { start:number, end:number } }, text: string }会以{{1}}触发。