【问题标题】:Change the height of a snackbar更改小吃店的高度
【发布时间】:2017-04-07 04:27:20
【问题描述】:

我无法访问 material-ui 快餐栏的宽度。当我使用 bodyStyle 属性并更改高度时,应用程序会相应更新。但是为什么宽度没有变化呢?

【问题讨论】:

  • 你可以通过自定义布局来做到这一点.. [这里] (stackoverflow.com/a/33441214/5456671)
  • 谢谢,但是这个例子是针对安卓的。我在 web 应用程序中使用它来响应。

标签: reactjs material-ui snackbar


【解决方案1】:

使用 bodyStyle 属性,并将 flexGrow 设置为零(material-ui 将其设置为 1 覆盖宽度):

<Snackbar message="BIG snack" bodyStyle={{ height: 200, width: 200, flexGrow: 0 }} open />

【讨论】:

    【解决方案2】:

    您应该在maxWidthheight 中添加bodyStyle 属性,例如:

    <Snackbar bodyStyle={{ maxWidth: '100%', height: 'auto' }} ... />
    

    【讨论】:

      猜你喜欢
      • 2020-07-05
      • 2022-01-15
      • 2016-02-06
      • 2019-02-28
      • 2022-07-07
      • 2016-03-05
      • 2018-08-28
      • 2020-07-25
      • 2018-06-15
      相关资源
      最近更新 更多