material-ui – 如何设置工具栏的样式以像AppBar一样工作

2023年2月23日 255次阅读

它看起来像工具栏是AppBar的一个更可定制的版本.我想在AppBar中添加几个图标.我想用工具栏替换AppBar.但是,我目前正在使用lightUITheme.

看起来工具栏看起来不同.有没有一种方法可以像工具栏一样设置工具栏并仍然尊重主题,这样如果主题发生变化,我的工具栏仍然看起来像一个Appbar？

最佳答案 您可以使用工具栏的样式属性.

例如：

const toolbarStyle = {
      backgroundColor: indigo500
    }

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

如果你使用内置颜色,那么一定要包括它们,例如：

import {indigo500} from 'material-ui/styles/colors';
点赞