使用material-ui使用主题对象为jss样式化为margin编写速记符号

Question

我可以通过以下方式应用边距来对组件进行样式设置。

style.js

   body: 
  Container(
    width: MediaQuery.of(context).size.width,
    height: MediaQuery.of(context).size.height,
    decoration: BoxDecoration(

但是我想使用material-ui的const styles = theme => ({ button: { margin: '12px 18px', } }) 将边距应用于组件。我这样做如下：

style.js

theme.spacing.unit

但是我对此没有任何运气。有人可以指出我的错误吗？

Answer 1

您需要指定单位：

const styles = theme => ({
    button: {
        margin: `${theme.spacing.unit * 3}px ${theme.spacing.unit * 4}px`,
    }
})