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

Question

我试图在显示键盘的同时向上移动文本字段。 我正在Scrollview Native 应用程序中做登录屏幕，所以，我添加了Scrollview 。

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

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

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

Answer 1

您必须使用 KeyboardAvoidingView 而不是使用滚动视图，因为滚动视图没有高度。 如果您必须在没有滚动视图的情况下使用 KeyboardAvoidingView 并且您正在使用滚动视图，那么您可以自动向上滚动并查看文本字段

Answer 2

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

1. 'react-native-keyboard-aware-scrollview';
2. 'react-native-keyboard-tracking-view';

只需导入以下内容：

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

你的渲染方法应该是这样的：

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

    );
  }