Material ui 如何设置工具栏的样式以使其像AppBar

Material ui 如何设置工具栏的样式以使其像AppBar,material-ui,Material Ui,看起来工具栏是AppBar的一个更可定制的版本。我想在AppBar中粘贴一些图标。我想用工具栏替换AppBar。然而,我目前正在使用lightUITheme 看起来工具栏看起来不一样。是否有一种方法可以使工具栏的样式与Appbar一样,并且仍然尊重主题,这样,如果主题发生变化,我的工具栏仍然看起来像Appbar?您可以使用工具栏的style属性。 例如: const toolbarStyle = { backgroundColor: indigo500 } <Tool

看起来工具栏是AppBar的一个更可定制的版本。我想在AppBar中粘贴一些图标。我想用工具栏替换AppBar。然而,我目前正在使用lightUITheme


看起来工具栏看起来不一样。是否有一种方法可以使工具栏的样式与Appbar一样,并且仍然尊重主题,这样,如果主题发生变化,我的工具栏仍然看起来像Appbar?

您可以使用工具栏的style属性。 例如:

const toolbarStyle = {
      backgroundColor: indigo500
    }

<Toolbar style={toolbarStyle}>
  <ToolbarGroup firstChild={true}>
    <ToolbarTitle text="Options" />
    <RaisedButton onTouchTap={this.handleOpenMenu} label="Downloads" />
  </ToolbarGroup>
</Toolbar>

这对谁有用吗?这对我不起作用。工具栏中似乎有一个额外的div来覆盖此设置。
import {indigo500} from 'material-ui/styles/colors';