theme.spacing() 如何运作？

Question

根据 material-ui 中的文档，它在组件之间提供空间。但我可以在这里得到它的高度和宽度：

width: theme.spacing(20),
height: theme.spacing(15)

theme.spacing()这里的宽度和高度是如何设置的？

Answer 1

const theme = createMuiTheme({
  spacing: 8,
});

定义主题后，您就有了间距值。默认情况下，此值为8px。因此，当您调用 时theme.spacing(20)，如果spacing value是，8则简单地返回20 * 8=> 160px。

来源：https : //material-ui.com/customization/spacing/