React native: как сделать анимацию Modal и KeyboardAvoidingView быстрее? - PullRequest
0 голосов
/ 02 мая 2020

У меня есть React-native KeyboardAvoidingView обертка для ввода:

<Modal
  visible={this.props.showModal}
  animationType='slide'
  presentationStyle='pageSheet'
>
  <KeyboardAvoidingView
    behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
    keyboardVerticalOffset={Platform.OS === 'ios' ? 56 : 32}
  >
    <SearchResultsList />
    <Divider />
    <View style={styles.headerWrapper}>
      <TextInput
        blurOnSubmit={false}
        autoFocus
        style={styles.textInput}
        value={this.state.searchPhrase}
        onChangeText={text => this.onChangeText(text)}
      />
      <IconButton icon='close' onPress={() => this.onChangeText('')} />
    </View>
  </KeyboardAvoidingView>
</Modal>

Проблема с этим кодом в том, что анимация длится вечно. Сначала модальное отображение, затем клавиатура, а затем (!!!) ввод оживляется. Есть ли способ сделать так, чтобы клавиатура и вход отображались одновременно с модалом? Или, по крайней мере, есть способ заставить ввод двигаться вверх вместе с клавиатурой, а не после клавиатуры?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...