Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/188.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 在react native中使用键盘AvoidingView时,整个内容都会向上推_Android_React Native_Tpkeyboardavoiding - Fatal编程技术网

Android 在react native中使用键盘AvoidingView时,整个内容都会向上推

Android 在react native中使用键盘AvoidingView时,整个内容都会向上推,android,react-native,tpkeyboardavoiding,Android,React Native,Tpkeyboardavoiding,我在react native中使用键盘AvoidingView时遇到问题。 下面是我的代码: <View style={styles.container}> <View style = {styles.pagetitle_part}> <Text style = {{fontSize: 25, color: '#ffffff'}}> Register User </Text> <TouchableOpa

我在react native中使用键盘AvoidingView时遇到问题。 下面是我的代码:

<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>

注册用户
this.props.navigation.navigate('sign')}>
名字
{this.state.first_name}
姓
{this.state.last_name}
... ... ...
在Android上,当我点击TextInput时,上面的组件被向上推,下面的组件填充屏幕。但在iOS上没关系

以下是在android上点击TextInput之前的屏幕截图:

以下是点击后的屏幕截图,然后是文本输入:

如前所述,在iOS上,一切都正常。 如何在android上解决此问题? 为什么iOs和安卓系统不同?
我很高兴听到你的进步。谢谢。

对于iOS,您应该将键盘AvoidingView的“behavior”参数设置为“padding”,但对于android则不应设置。我在回答中给出了一个工作示例:


谢谢你的回答。但我仍然有相同的问题,尽管忽略了行为参数。正如我在问题中所说的,上面的组件(styles.pagetitle_部分)仍然向上推。屏幕由下面的组件(styles.main_part)填充。我希望你的进步。似乎你有这个问题:有关于这个问题的更新吗??