У меня есть проблема при использовании KeyboardAvoidingView в реагировать родной.Ниже приведен мой код:
<View style={styles.container}>
<View style = {styles.pagetitle_part}>
<Text style = {{fontSize: 25, color: '#ffffff'}}> Register User </Text>
<TouchableOpacity style = {{position: 'absolute', top: 30, left: 20}} onPress = {() => this.props.navigation.navigate('SignIn')}>
<Image style = {{width: 15, height: 15}} resizeMode = 'contain' source = {require('../assets/images/left_arrow.png')}/>
</TouchableOpacity>
</View>
<View style = {styles.main_part}>
<ScrollView style = {{width: deviceWidth}} showsVerticalScrollIndicator = {false}>
<KeyboardAvoidingView behavior = 'padding'>
<View style = {styles.component_input}>
<View style = {styles.title_view}>
<Text style = {styles.title_text}> Fist Name </Text>
</View>
<View style = {styles.input_view}>
<TextInput underlineColorAndroid = 'transparent' style = {styles.input_text} onChangeText = {this.handleFirstName}>{this.state.first_name}</TextInput>
</View>
</View>
<View style = {styles.component_input}>
<View style = {styles.title_view}>
<Text style = {styles.title_text}> Last Name </Text>
</View>
<View style = {styles.input_view}>
<TextInput underlineColorAndroid = 'transparent' style = {styles.input_text} onChangeText = {this.handleLastName}>{this.state.last_name}</TextInput>
</View>
</View>
... ... ...
</KeyboardAvoidingView>
</ScrollView>
</View>
</View>
В Android, когда я нажимаю TextInput, верхний компонент перемещается вверх, и нижний компонент заполняет экран.Но на iOS все в порядке.
Следуйте скриншот перед нажатием TextInput на Android:
Следуйте скриншот после нажатия затем TextInput:
Как я уже говорил, на iOS все в порядке.Как я могу исправить эту проблему на Android?Почему на iOs отличается от на андроид?Я очень рад слышать ваше продвижение.Благодаря.