弹出键盘时，React Native Modal不会向上移动

Question

我在Modal中显示了这个React Native组件：

<KeyboardAvoidingView style={modalStyle.container}>
                <View style={modalStyle.topBlock}>
                </View>
                <View style={modalStyle.dialog}>
                    <Text style={modalStyle.text}>Introduceti numele documentului</Text>
                    <TextInput placeholder="exemplu"></TextInput>
                </View>
                <View style={modalStyle.bottomBlock}>
                </View>
            </KeyboardAvoidingView>

这是我用于此组件的样式：

container: {
        backgroundColor: "rgba(0,0,0,0.6)",
        flex:1
    },
    topBlock: {
        flex:25
    },
    dialog: {
        backgroundColor: "white",
        flex:40
    },
    bottomBlock:{
        flex:35
    },

    text: {
        paddingTop: 30,
        paddingBottom: 50,
        fontSize: 24,
        marginLeft: 20,
        fontFamily: "Roboto",
    }
}

问题在于，当键盘弹出时，视图不会向上移动。我在这2个空白视图中放置了一些文本，以更好地了解发生了什么，而且显然这2个根本不会被键盘移动。唯一的变化是对话框视图的高度（或可能是填充），可以从下面的屏幕截图中看到

很明显，我不希望我的View缩小，而是向上移动，那我该怎么办？预先感谢！