反应本机KeyboardAvoidingView在iOS上不起作用

时间:2020-02-24 10:04:42

标签: ios react-native ios-simulator textinput react-native-textinput

问题:

我在behavior="padding"的ios中使用 KeyboardAvoidingView ,但无法正常工作。 我的屏幕有四个文本输入字段,它们在打开时通过键盘被隐藏

代码:

屏幕:

const Screen = () => {
    return (
        <SafeAreaView>
            <KeyboardAvoidingView behavior="padding">
                <TextInput style={styles.input} />
                <TextInput style={styles.input} />
                <TextInput style={styles.input} />
                <TextInput style={styles.input} />
            </KeyboardAvoidingView>
        </SafeAreaView>
    );
};

文本输入样式:

input: {
    height: 100,
    borderWidth: 1,
    marginBottom: 60,
    borderColor: 'black',
    marginHorizontal: 30,
},

预期的行为:

KeyboardAvoidView 应该在键盘打开后立即将所有文本输入字段上移。

0 个答案:

没有答案