如何在Material UI中放置表单对话框？

Question

我使用https://material-ui.com/

创建了一个简单的表单

Mt表单有两个字段：

当用户单击“预订名称”字段时，我实现了一个对话框对话框弹出窗口。

问题是我的对话框部分被键盘覆盖。我希望对话框在显示键盘时向上移动。

任何解决方法：

这是我的对话框代码：

<Dialog open={this.state.booking_name_dialog_open} aria-labelledby="form-dialog-title" maxWidth={"lg"} fullWidth={true}>
    <DialogTitle id="form-dialog-title">Booking name:</DialogTitle>
    <DialogContent>
        <TextField autoFocus margin="dense" id="name" label="Booking name" type="text" fullWidth/>
    </DialogContent>
    <DialogActions>
        <Button color="primary">Cancel</Button>
        <Button color="primary">Submit</Button>
    </DialogActions>
</Dialog>

欢迎任何帮助！

Answer 1

您可以将表单从react-native包裹到核心组件中

从'react-native'导入{keyboardAvoidingView};

<KeyboardAvoidingView>
<form>
</form>
</KeyboardAvoidingView>

希望有帮助。

Answer 2

所以，问题出在StatusBar插件上。只是不使用它，您就不会有这样的问题。

Answer 3

您可以尝试使用“ cordova-plugin-ionic-keyboard”插件https://github.com/ionic-team/cordova-plugin-ionic-keyboard并检查其是否可以解决。