将 flex-grow 添加到材质 ui Grid

【问题标题】：Add flex-grow to material ui Grid将 flex-grow 添加到材质 ui Grid
【发布时间】：2021-05-16 04:27:21
【问题描述】：

是否可以将“flex-grow”添加到材质 ui 中的 Grid 项目？接缝有点奇怪，我必须选择 Box 才能访问 Flexbox https://material-ui.com/system/flexbox/？

【问题讨论】：

【解决方案1】：

是的，您可以使用 style 属性添加flex-grow。

<Grid item style={{ flexGrow: 1 }}>
   <Typography variant="h1" color="textPrimary" >
      Title
   </Typography>
</Grid>

或者您可以为多个 Grid 项目创建一个单独的类。

【讨论】：