【问题标题】:Material ui drawer position材质ui抽屉位置
【发布时间】:2020-08-27 05:42:00
【问题描述】:

如何在 Material-ui 中的对话框组件内设置抽屉?

【问题讨论】:

    标签: reactjs dialog material-ui drawer


    【解决方案1】:

    如果你看一下渲染组件,你会看到 Drawer 组件的位置“固定”。所以要完成工作,只需将其更改为“绝对”。

    示例代码

    <Drawer
      PaperProps={{
        style: {
          position: "absolute"
        }
      }}
      variant="permanent"
      anchor="left"
      open={openDrawer}
    >
    

    只关注PaperPropsvariantCodesandbox here.

    【讨论】:

    • 问题是它只适用于我不需要的 variant="permanent"。我正在使用 swipableDrawer
    猜你喜欢
    • 2020-09-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-28
    • 1970-01-01
    • 2021-09-25
    • 2018-09-28
    • 2018-12-05
    相关资源
    最近更新 更多