Я занимаюсь разработкой приложения типа Facebook, где у меня есть проблема в моем comments.js .В этом файле у меня есть ScrollView и Просмотр обертки в KeyboardAwareScrollView . Когда я нажимаю кнопку, это focus на TextInput правильно. Проблематолько клавиатура открыта, и дочерний компонент внутри KeyboardAwareScrollView не прокручивается до последних текстовых входов, на которые они могут фокусироваться.
Что я могу сделать обернуть ScrollView и просмотр в один просмотр , но не помог. При применении нескольких способов я думаю, что в моем коде есть проблема.
Этот вопрос задают несколько раз, когда я читаю эти
1.Реактивно-нативное нажатие кнопки после textInput в представлении прокрутки с поддержкой клавиатуры
2. Реагирование родной клавиатурыAwareScrollView не выполняетсяt работа
3.Автоматическая прокрутка изображения вверх, когда клавиатура отображается в реагирующем режиме
4.Как заставить приложение React Native корректно реагировать, когда на клавиатуреd всплывает
но не соответствует моему условию.
Вот мой код
<KeyboardAwareScrollView style={{flex:1}}
resetScrollToCoords={{ x:0, y: 0 }}>
<ScrollView contentContainerStyle={styles.scrollViewStyle}
keyboardShouldPersistTaps='always'>
<Image/>
<List/>
</ScrollView>
<View style={{ flexDirection: 'row', height: 50 }} >
<Image
style={{ height: 40, width: 40, marginLeft: 20 }}
source={require('../../assets/plus.png')}
/>
<View style={{ flex: 1, marginLeft: 20 }}>
<TextInput
autoGrow='true'
ref='myInput'
underlineColorAndroid='transparent'
placeholder='Type here to translate!'
onChangeText={text => this.setState({ text })}
>
{this.state.text}
</TextInput>
</View>
<TouchableOpacity
onPress={() => {
this.CommentsApi()
}}>
<Image/>
</TouchableOpacity>
</View>
</KeyboardAwareScrollView>