React native 使用键盘AvoidingView与FlatList进行本地反应

当键盘弹出时，我想使用

将带有输入字段的平面列表向上推。代码如下所示：

<SafeAreaView style={styles.container}>
    <KeyboardAvoidingView behavior="height" style={{flex: 1}} >
        <View style={{flex: 12}}>
            <FlatList
            data={DATA}
            renderItem={({ item }) => <Item title={item.title} />}
            keyExtractor={item => item.id}
            style={{marginTop: 10}}
            />
        </View>
        <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-around', alignContent: 'center', alignItems: 'center' }}>
            <Icon style={{ color: "white", flex: 1, padding: 10 }} type="AntDesign" name="arrowleft"/>
            <TextInput
                placeholder="Create new item..."
                style={{flex: 10, backgroundColor: "white", borderRadius: 50, padding: 10, margin: 5}}
            />
        </View>
    </KeyboardAvoidingView>
</SafeAreaView>

}
keyExtractor={item=>item.id}
style={{marginTop:10}}
/>

结果是：

右图中的红方块是inputfield搁浅的地方。看起来它至少移动了一点。然而，该公寓拒绝让步。我在这里的期望是获得类似whatsapp的体验，其中inputfield悬停在键盘上方，flatlist向上推，以便您可以在打开键盘之前看到屏幕上的文本。 我尝试了各种方法，如

和

，但都没有成功

---

这只是我忘记了什么，还是这根本不是在这种情况下使用

的正确方法？

试着玩键盘避免查看道具

键盘垂直偏移量

。来自docs：“这是用户屏幕顶部和react native视图之间的距离，在某些用例中可能不是零。默认值为0。”我遇到了类似的问题，这救了我。可能是@schogges的重复，我尝试使用

keyboardVerticalOffset

，它似乎起到了作用，但是，它会使inputfield变小并被禁用。有什么想法吗？在任何情况下，这都比我开始时要多得多。你有什么解决方案吗，请提供给我。尝试使用键盘避免查看道具

键盘垂直偏移量

。来自docs：“这是用户屏幕顶部和react native视图之间的距离，在某些用例中可能不是零。默认值为0。”我遇到了类似的问题，这救了我。可能是@schogges的重复，我尝试使用

keyboardVerticalOffset

，它似乎起到了作用，但是，它会使inputfield变小并被禁用。有什么想法吗？在任何情况下，这都比我开始时要多得多。如果你对此有任何解决方案，请提供给我。