Wie kann ich eine Symbolleiste so gestalten, dass sie wie eine AppBar funktioniert?

Question

Es sieht so aus, als ob eine Toolbar eine anpassbare Version der AppBar ist. Ich möchte ein paar Icons in die AppBar einkleben. Ich möchte die AppBar durch eine Toolbar ersetzen. Allerdings verwende ich derzeit die lightUITheme.

Es sieht aus wie Symbolleisten anders aussehen. Gibt es eine Möglichkeit, wie ich eine Toolbar wie eine Appbar stylen kann und das Design trotzdem respektiert, so dass meine Toolbar immer noch wie eine Appbar aussieht, wenn sich das Design ändert?

Answer 1

Sie können die Stileigenschaft der Symbolleiste verwenden. Zum Beispiel:

const toolbarStyle = { 
     backgroundColor: indigo500 
    } 

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

Wenn Sie die in den Farben gebaut verwenden dann sicher sein, sie beispiels enthalten .:

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