Question

我在具有NativeBase输入字段的应用程序中使用https://github.com/react-native-community/react-native-modal。

但是当键盘弹起时，输入字段会随着弹起而消失。

我已激活模态上的avoidKeyboard道具，但不能解决我的问题。

我还尝试将KeyboardAvoidingView放在输入字段周围，但没有成功。

有人知道出什么问题了吗？

谢谢。

Answer 1

请尝试使用此 KeyboardAwareScrollView

npm我反应本地键盘感知滚动视图-保存

 <KeyboardAwareScrollView enableOnAndroid={true} style={{height:"100%"}}
            enableAutoAutomaticScroll={(Platform.OS === 'ios')} extraHeight={130} extraScrollHeight={130}>
                <View>
                  <FormInput />
                 </View>
      </KeyboardAwareScrollView>

Answer 2

我终于找到了解决方案，我的模态由三部分组成：页眉，内容和页脚。如我的问题所述，我已将avoidKeyboard道具放在Modal上，但内容仍在屏幕外消失。

解决方案是将scrollEnabled={false}放在内容上。

我的代码现在看起来像这样：

<Modal isVisible avoidKeyboard onBackdropPress={this.handleDismiss} onBackButtonPress={this.handleDismiss}>
      <View style={styles.modal}>
        <Header>
          ...
        </Header>
        <Content scrollEnabled={false} padder>
         ...
        </Content>
        <Footer>
          ...
        </Footer>
      </View>
    </Modal>

Answer 3

<Modal>
  <KeyboardAvoidingView
    behavior="position"
    enabled
  >
    {myContent}
  </KeyboardAvoidingView>
</Modal>

它对我有用

键盘隐藏模式中的输入

3 个答案: