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