React-native以编程方式滚动多行TextInput

时间:2017-11-06 10:47:34

标签: javascript reactjs react-native

我想知道如何使用TextInput参数在multiline内向下滚动?我看到了函数onContentSizeChange,但我没有看到以编程方式使用内部滚动的任何选项。

这是一个可以玩的世博小吃(目前的情况) https://snack.expo.io/S1Gpa3pRb

重点是我试图在新行上向下滚动TextInput。

(ps我正在研究android,我也有一个autoGrow选项,但我想在某些方面限制它(这部分很容易制作)但是在达到极限之后我会得到同样的反应世博会显示,TextInput不会向下滚动。)

谢谢!

1 个答案:

答案 0 :(得分:6)

我工作时遇到了同样的问题。我们首先尝试使用keyBoardAvoidingView组件解决滚动问题:

https://facebook.github.io/react-native/docs/keyboardavoidingview.html

但这只解决了我们问题的一部分,真正完全解决它的是一个名为react-native input-scrollview的插件:

https://github.com/baijunjie/react-native-input-scroll-view

此插件可以解决您的问题。在多行上,它会在用户输入时跟随用户,它会自动将它们移动到新行。一次尝试一个,看看它们是否有效。

希望这在某种程度上有所帮助! :)