Клавиатура скрыть ввод в модальном - PullRequest
Новая
       17

Клавиатура скрыть ввод в модальном

0 голосов
/ 12 ноября 2018

Я использую https://github.com/react-native-community/react-native-modal в приложении с полем ввода NativeBase.

Но когда клавиатура поднята, поле ввода исчезает при повышении.

Я активировал реквизит avoidKeyboard на модале, но это не решает мою проблему.

Я также безуспешно пытался поместить KeyboardAvoidingView вокруг поля ввода.

Кто-нибудь имеет представление о том, что происходит не так?

Заранее спасибо.

Ответы [ 2 ]

0 голосов
/ 15 ноября 2018

Я наконец-то нашел решение, мой модал состоит из 3 частей: «Верхний колонтитул», «Контент» и «Нижний колонтитул». Как указано в моем вопросе, я поставил реквизит avoidKeyboard на модал, но контент все равно исчез за экраном.

Решением было поместить scrollEnabled={false} в Content.

Мой код теперь выглядит так: 

<Modal isVisible avoidKeyboard onBackdropPress={this.handleDismiss} onBackButtonPress={this.handleDismiss}>
      <View style={styles.modal}>
        <Header>
          ...
        </Header>
        <Content scrollEnabled={false} padder>
         ...
        </Content>
        <Footer>
          ...
        </Footer>
      </View>
    </Modal>
0 голосов
/ 12 ноября 2018

Пожалуйста, попробуйте это KeyboardAwareScrollView

npm, я реагирую на родную клавиатуру, осознаю прокрутку, вид - сохранить 

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