自然反应：我在底部添加了一张图片。现在我的键盘打不开了

Question

我在手机屏幕底部添加了一张图片，样式为：

bottomView: {
  position: 'absolute',
  bottom: 0, 
},

在这张图片上方，我有我的登录表单，但由于图片处于绝对位置，它不允许键盘打开。我不想让这张图片相对，因为它会干扰图片。有谁能帮我一个忙吗？我想把图片也放在底部，但也想打开键盘。

完整的代码是：

从“React”导入React；从“react native”导入{图像、样式表、文本、视图、文本输入、键盘AVOIDGVIEW}；从“/Authentication\u Button”导入验证按钮；从“react native elements”导入{SocialIcon}

Const登录 = () =

const [email, setEmail] = React.useState('');
const [password, setPassword] = React.useState('');
return(
    
  <KeyboardAvoidingView   behavior={Platform.OS === "ios" ? "padding" : "height"}
  style={styles.container} enabled>
    {/* <View style={styles.container}> */}
      <Image source={require('./assets/Logo.png')} style={styles.logo}/>     
                 
      <TextInput
          label="Email"
          value={email}
          onChangeText={email => setEmail(email)}
          style={styles.TXT_INPUT}
          placeholder="Email"
      />
      <TextInput
          label="Password"
          value={password}
          onChangeText={password => setPassword(password)}
          style={styles.TXT_INPUT}
          placeholder="Password"
      />
      <View style={styles.auth}>
        <Authentication_Button title={"Login"} backGroundColor={"#2c88d1"}  textColor = {"#FFFFFF"} borderColor={"#2c88d1"}/>
        
        <Authentication_Button title={"Signup"} backGroundColor={"#FFFFFF"}  textColor = {"#2c88d1"} borderColor={"#2c88d1"}/>
      </View>
      <Text>- OR -</Text>
      <Text>Sign in with </Text>
      

      <SocialIcon
            raised={true}
            type='google'
            style={{backgroundColor:"#2c88d1"}}
        />
      

      <KeyboardAvoidingView style={styles.bottomView}>
        <Image source={require('./assets/footLogin.png')} />
      </KeyboardAvoidingView>

    {/* </View> */}
    </KeyboardAvoidingView>

) };

const styles=StyleSheet.create（{container:{flex:1，backgroundColor:“#efffe”，justify content:“center”，alignItems:“center”，padding:20}，logo:{width:150，height:150，resizeMode:'cover'}，TXT_输入：{marginBottom:10，marginTop:10，borderRadius:12，borderWidth:1.4，width:“85%”，paddingVertical:14，paddingVertical:14，backgroundColor:#ffff:?，fontSize:18}，

认证：{边缘顶部： 10，边缘底部： 10，宽度："85%", }, 底部视图：{边缘顶部：'5%'，位置：'绝对'，//这是技巧底部： 1，//这是技巧 }, });

导出默认登录；

Answer 1

所以这个问题已经解决了。问题是页脚图像基本上位于文本输入字段的顶部，所以我一改变位置，它就开始工作了！

Answer 2

可以将KeyboardAvoidingView用作父视图。它将帮助您的内部按钮或视图处于绝对位置

 <KeyboardAvoidingView
  behavior={Platform.OS === "ios" ? "padding" : "height"}
  style={styles.container}
>
</KeyboardAvoidingView>