在Android和iPhone上键入时，登录屏幕上推

Question

import { TextField } from 'react-native-material-textfield';    

  <KeyboardAvoidingView
     behavior={'position'}
     style={styles.container}
    >
    <View style={{flex: 1}}>
        <TextField label='username' value={username}/>
        <TextField label='password' value={password}/>
        <TouchableOpacity>
            <Text> Login </Text>
        </TouchableOpacity>
        <TouchableOpacity>
            <Text> Register </Text>
        </TouchableOpacity>
    </View>
</KeyboardAvoidingView>

我想在使用软件键盘在android和iphone上键入时向上推登录屏幕屏幕。

我已经尝试过使用KeyboardAvoidingView组件，但对我不起作用。

当我使用behavior = {'position'}键盘时，它不在屏幕上。

如果有人知道，请给我建议任何解决方案。

Answer 1

从KeyboardAwareScrollView删除此代码

  resetScrollToCoords={{ x: 0, y: 0 }}
   scrollEnabled={false}

Answer 2

我在KeyboardAvoidingView组件中使用了keyboardVerticalOffset = {-30} ，现在可以正常工作了。

import { TextField } from 'react-native-material-textfield';    
 <KeyboardAvoidingView
  keyboardVerticalOffset={-30}
  behavior={'position'}
  style={styles.container}
 >
  <View style={{flex: 1}}>
    <TextField label='username' value={username}/>
    <TextField label='password' value={password}/>
    <TouchableOpacity>
        <Text> Login </Text>
    </TouchableOpacity>
    <TouchableOpacity>
        <Text> Register </Text>
    </TouchableOpacity>
</View>