Question

我正在尝试在显示键盘时向上移动文本字段。我正在用React Native应用程序登录屏幕，因此，我添加了Scrollview。

但是，它可在所有设备上滚动。但是，我只需要iPhone 5s设备。

即使我尝试使用KeyboardAvoidingView，但是由于整个数据都是重叠的。

有什么建议可以避免这个问题？

Answer 1

您必须使用KeyboardAvoidingView，但不能与scrollview一起使用，因为scrollview没有高度。如果必须使用KeyboardAvoidingView而不使用滚动视图，并且如果您使用的是scrollview，那么您可以自动向上滚动并查看文本字段

Answer 2

对于仍在寻找的任何人：对于内容上的任何输入字段，有2个库可帮助获得最佳效果。

'react-native-keyboard-aware-scrollview';
'react-native-keyboard-tracking-view';

只需导入以下内容：

   import {KeyboardAwareScrollView} from 'react-native-keyboard-aware-scrollview';
   import {KeyboardAwareInsetsView} from 'react-native-keyboard-tracking-view';

和您的render方法应该像这样：

public render(): JSX.Element {
    return (
       <View style={{flex: 1}}>
       <KeyboardAwareScrollView style={{flex: 1}} keyboardShouldPersistTaps={'always'}>
          {this.renderInputContent()}
        </KeyboardAwareScrollView>
        {this.renderCTA()}
        <KeyboardAwareInsetsView/>
       <View/>

    );
  }

react-native如何在键盘上方向上移动文本字段

2 个答案: