material-design - 在 material-ui 中更改次要和主要颜色

Question

我有一个使用 material-ui 的 react 应用程序.导入按钮时，可以使用 primary={true} 设置其样式。或 secondary={true} .我要换primary和 secondary颜色。我发现我可以这样做:

const theme = createMuiTheme({
   palette: {
        primary: '#00bcd4',
        secondary: '#ff4081'
      }
    });

然后在这里我可以使用它:

    <MuiThemeProvider theme={theme}>
      <App/>
    </MuiThemeProvider>

但是我得到了一个错误: createMuiTheme is not a function...
我进了 material-ui打包并发现没有这样的文件，当我导入时 createMuiTheme , 我得到 undefined .它应该是从 material-ui/styles/theme 导入的但它实际上根本没有这个文件夹!

我正在使用 material-ui@0.19.4 .我将此包更新为 v20无论如何仍然没有这样的文件夹。

Answer 1

我注意到的文档的两个不同之处是 MuiThemeProvider 的 Prop 名称:

<MuiThemeProvider muiTheme={muiTheme}>
   <AppBar title="My AppBar" />
</MuiThemeProvider>

并且函数不是 createMuiTheme 而是 getMuiTheme:

import getMuiTheme from 'material-ui/styles/getMuiTheme';

更新:

如果您从包装中打开浅色主题，他们没有使用主要或次要，也许您应该尝试这样做？