目前,我在材料UI对话框组件上使用fullScreen属性(它在屏幕上充当模态),正如文档中建议的那样,像这样:
import useMediaQuery from '@material-ui/core/useMediaQuery';
function MyComponent() {
const theme = useTheme();
const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));
return <Dialog fullScreen={fullScreen} />
}
不幸的是,这会导致Dialog模态覆盖屏幕顶部的导航条。我想覆盖对话框模态的高度,但我不确定如何。
有人能帮忙吗?
只需传递一个className给它&给它top值等于AppBar的高度。这里是沙箱