Question

看起来工具栏是AppBar的一个更可自定义的版本。我想在AppBar中添加几个图标。我想用工具栏替换AppBar。但是，我目前正在使用lightUITheme。

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

Answer 1

您可以使用工具栏的样式属性。例如：

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';

如何设置工具栏的样式以像AppBar一样工作

1 个答案: