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

标签 javascript reactjs react-native

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

这里有一个expo snack可以玩(以目前的情况) https://snack.expo.io/S1Gpa3pRb

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

(p.s 我在 android 上工作,我也有一个 autoGrow 选项但我想在某个点限制它(这部分很容易制作)但是在它达到限制后我得到与 expo 显示相同的 react ,TextInput 不会向下滚动。)

谢谢!

最佳答案

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

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

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

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

这个插件应该可以解决您的问题。在多行上,它会在用户键入时跟随用户,并且会自动将他们移至新行。一次尝试一个,看看它们是否有效。

希望这对您有所帮助! :)

关于javascript - React-native 以编程方式滚动多行 TextInput,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47135133/

相关文章:

javascript - React Native渲染函数给出错误: Unexpected token

javascript - 将页面导入到 App.js 时,它显示为空白

javascript - 构建我的 Electron 应用程序时出错

javascript - Child_changed firebase 中的哪个值发生了变化

javascript - "onClick"构建项目后不工作

reactjs - 如何在使用 Next.js 完成的外部项目中使用 Storybook 组件(和 Lerna)?

javascript - 如何通过单击和使用 vanilla js 更改 div 的图标?

javascript - 如何检测我的域的标签数量?

javascript - PhpStorm - 如何关闭自动花括号插入

react-native - React Native - MapView - 带有自定义图像的注释