material-ui改变抽屉的高度

Question

我在我的项目中使用react和material-ui，我遇到了一个简单的问题，我不知道如何解决。 我想创建一个抽屉并设置它的高度，当它打开时，它不会在应用栏上打开。

抽屉组件中没有高度参数，我也尝试覆盖它的样式并在样式对象上设置高度，如下所示：

<Drawer style={{height:'90%'}} />

但它不起作用。

我能想到的唯一方法是编辑抽屉组件的代码，但当然我想避免这种情况。

关于如何定义高度的任何想法？

Answer 1

你走了：

<Drawer open={this.state.open} containerStyle={{height: 'calc(100% - 64px)', top: 64}}>
  <MenuItem>Menu Item</MenuItem>
  <MenuItem>Menu Item 2</MenuItem>
</Drawer>