React Native - 如何自动将 ScrollView 滚动到光标位置?

use*_*000 5 react-native

如果我有一个ScrollView并且里面ScrollView有很多TextInputScrollView当用户点击其中任何一个TextInput并开始输入时,我如何将其滚动到光标位置?

每当用户键入并且光标经过ScrollView的可见部分时,滚动ScrollView以使用户可以看到光标。

我怎样才能做到这一点?

小智 0

经过研究后,我可能有一个可能的解决方案。有一种scrollTo()方法ScrollView可用于滚动到屏幕上的特定位置。有一种measure()方法可用于确定组件在屏幕上的位置。textInput因此,您可以获取组件的位置onFocus并触发一个函数,然后scrollTo()调用ScrollView.

我还没有尝试过,所以不能 100% 确定这一点。

资源: 如何在 React Native 中获取组件在屏幕上的位置? https://reactnative.dev/docs/scrollview#scrollto