我在我的元素中使用了 React 和 Material-UI,我遇到了一个我不知道如何解决的简单问题。 我想创建一个抽屉并设置其高度,使其在打开时不会覆盖应用栏。
Drawer 组件中没有高度参数,我也尝试覆盖它的样式并在样式对象上设置高度,如下所示:
<Drawer style={{height:'90%'}} />
但是没有用。
我能想到的唯一方法是编辑 Drawer 组件的代码,但我当然想避免这种情况。
关于如何定义高度的任何想法?
最佳答案
给你:
<Drawer open={this.state.open} containerStyle={{height: 'calc(100% - 64px)', top: 64}}>
<MenuItem>Menu Item</MenuItem>
<MenuItem>Menu Item 2</MenuItem>
</Drawer>
关于css - material-ui改变抽屉的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37712038/