2016-05-21 2 views
4

Похоже, что панель инструментов является более настраиваемой версией AppBar. Я хотел бы вставить несколько значков в AppBar. Я бы хотел заменить AppBar на Панели инструментов. Тем не менее, я сейчас использую lightUITheme.Как я могу стилизовать панель инструментов, чтобы действовать как AppBar

Похоже, что панели инструментов выглядят по-другому. Есть ли способ, которым я могу создать панель инструментов так же, как и в Appbar, и по-прежнему соблюдать тему, чтобы, если тема изменилась, моя панель инструментов по-прежнему выглядит как панель приложений?

ответ

3

Свойство стиля панели инструментов можно использовать. Например:

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

ли эту работу для кого? Это не сработало для меня. Кажется, есть дополнительный div внутри панели инструментов, которые переопределяют этот параметр. – markdemich