我如何設計一個工具欄，使其像AppBar一樣工作吧

Question

它看起來像一個工具欄，是一個更可定製的AppBar版本。我想將幾個圖標粘貼到AppBar中。我想用工具欄替換AppBar。不過，我正在使用lightUITheme。

它看起來像工具欄看起來不一樣。有沒有一種方法可以像Appbar一樣對工具欄進行樣式設計，並且仍然遵循主題，以便如果主題更改，我的工具欄仍然看起來像Appbar？

Answer 1

您可以使用工具欄的style屬性。 例如：

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