Как использовать KeyboardAvoidingView в полноэкранном режиме?

Isaac спросил: 03 ноября 2018 в 09:05 в: react-native

Вышеуказанная область желтого цвета - это Textarea и ожидаемая панель кнопок предназначена для кнопок экран все время. Однако когда пользователь пытается набрать текст, клавиатура блокирует представление, как показано ниже

я реализовал

> code> , но не удалось отобразить кнопку над клавиатурой.

Мой код такой, как показано ниже:

  <KeyboardAvoidingView behavior="padding" style={{ flex: 1 }}>
    <Container style={Styles.containerStyle}>
      <Textarea 
        autoCapitalize="none"
        autoCorrect={false}
        style={Styles.textAreaStyle}
      />
      <View style={Styles.buttonPanelStyle}>
        <Button style={Styles.buttonStyle}><Text>CANCEL</Text></Button>
        <Button style={Styles.buttonStyle}><Text>SAVE</Text></Button>
      </View>
    </Container>
  </KeyboardAvoidingView>const Styles = StyleSheet.create({
  containerStyle: { backgroundColor: 'green' },
  textAreaStyle: { backgroundColor: 'yellow', flex: 1 },
  buttonPanelStyle: { backgroundColor: 'red', flexDirection: 'row' },
  buttonStyle: { flex: 1, justifyContent: 'center' }
});

0 ответов