React-native使用多个textinput,键盘外观和scrollView进行苦苦挣扎

时间:2017-07-27 17:44:39

标签: android ios react-native expo react-native-scrollview

我有一个带有scrollView和很多TextInputs的页面,例如:

<ScrollView>
   <TextInput/>
   <TextInput/>
   <TextInput/>
   <TextInput/>
   ...
</ScrollView>

问题是:键盘显示时,键盘覆盖了Textinput

在Ios上找到半解决方案,但这与Android无法合作  是使用在Textinput上调用的.measure()接收焦点(OnFocus)然后滚动到textInput

正如您现在所做的那样,.measure的用法如下:

element.measure( (fixed_x, fixed_y, width, height, page_x, page_y) => {callback} );

但是每次使用Android时,fixed_x和y都会返回0 (我已经尝试https://github.com/facebook/react-native/issues/12966使用不透明度并且可折叠虚假)

我也试过这个:React native: get current scroll position of scrollview

获取scrollView当前滚动并添加缺少的内容以使TextInput可见。没有成功(没有工作ios / android)

https://github.com/Andr3wHur5t/react-native-keyboard-spacer也不相关,因为它会创建一个尺寸更改的组件,但在滚动到正确的TextInput

时没有帮助

最后:https://github.com/APSL/react-native-keyboard-aware-scroll-view对ios来说绝对是完美的,但很遗憾也不能与android合作

有人有领导吗?

0 个答案:

没有答案