如何使用iconStyleLeft或其他方法更改汉堡图标的颜色？

Question

我尝试使用iconStyleLeft更改左侧默认汉堡图标的颜色，但颜色保持不变。

import React from 'react';
import AppBar from 'material-ui/AppBar';
import {grey50, grey900 } from 'material-ui/styles/colors';


const NavBar = () => (
    <div>
    <AppBar
      title="Home-pro"
      titleStyle ={{color: grey900, textAlign: 'center'}}
      style={{backgroundColor: grey50}}
      iconStyleLeft={{color: grey900}}


    />
    </div>
  );

  export default NavBar;

Answer 1

此样式iconStyleLeft={{color: grey900}}适用于leftside div元素，而不是svgIcon，这就是颜色保持不变的原因。您可以使用iconClassNameLeft或使用iconElementLeft添加任何着色的自定义图标。

您可以在此处查看示例：AppBar Example with custom icons