Flutter 导航抽屉汉堡图标颜色变化

Posted 2023-02-23

【中文标题】Flutter 导航抽屉汉堡图标颜色变化

【英文标题】：Flutter navigation drawer hamburger icon color change

【发布时间】：2018-11-07 20:46:41

【问题描述】：

导航抽屉的汉堡图标颜色没有改变。默认为黑色。我想改变这个图标的颜色，我卡住了，帮我改变这个图标的颜色。这是我的代码。

class Test extends StatefulWidget 
@override
_TestState createState() => new _TestState();


class _TestState extends State<Test> 


    @override
    Widget build(BuildContext context) 
    return new Scaffold(

    drawer: new Drawer(),
    appBar: new AppBar(
    title: new Text("Navigation Drawer")
        ),
       ),
     );
    
 

【参考方案1】：

将 iconTheme 添加到您的 AppBar

@override
Widget build(BuildContext context) 
  return Scaffold(
    drawer: Drawer(),
    appBar: AppBar(
      title: Text("Navigation Drawer"),
      iconTheme: IconThemeData(color: Colors.green),
    ),
  );

您也可以查看other solutions here.

【参考方案2】：

您还可以在Theme 的data 属性中使用以下内容

Theme(
  data: ThemeData(primaryIconTheme: IconThemeData(color: Colors.red)), // use this
  child: Scaffold(),
)

或者

appBar: AppBar(
  leading: IconButton(
    icon: Icon(Icons.menu, color: Colors.red), // set your color here
    onPressed: () ,
  ),
),

【参考方案3】：

要更改图标的颜色，请使用此

  @override
  Widget build(BuildContext context) 
   return new MaterialApp(
   home: new Scaffold(
    appBar: AppBar(title: new Text('List view example'),
      leading: new Icon(Icons.menu,color: Colors.green,),
   ),
),
 );
 

Icon(Icons.menu,color: Colors.green,) 定义 Icon 内部的颜色

【参考方案4】：

像这样在Appbar 中使用iconTheme：

Widget build(BuildContext context) 
      return Scaffold(
        appBar: AppBar(
          title: Text("App Bar"),
          iconTheme: IconThemeData(color: Colors.black),
        ),
        drawer: Drawer(),
      );

【讨论】：

这又是另一个答案所说的。有什么新鲜事？

复制自***.com/a/50580706/5468463