颤动导航抽屉汉堡包图标颜色变化

导航抽屉的汉堡图标颜色不变。默认是黑色的。我想改变这个图标的颜色在扑腾，我卡住了，帮我改变这个图标的颜色。这是我的密码。

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")
),
),
);
}
}
74421 次浏览
小开
最佳答案

将 图标主题添加到应用程序栏

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

你也可以检查 其他解决方案。

小开

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

  @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,),
),
),
);
}

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

小开

也可以在 Theme的 data属性中使用 following

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: () {},
),
),
小开

像这样在 Appbar中使用 iconTheme:

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

这是唯一的解决方案，使按钮可点击，否则你需要 openDrawer onTap。

AppBar(
iconTheme: const IconThemeData(
size: 40, //change size on your need
color: Colors.black, //change color on your need
),
),
小开

你可以这样轻松地从 main.dart改变它-

return MaterialApp(
title: 'XYZ',
debugShowCheckedModeBanner: false,
theme: ThemeData(
appBarTheme: AppBarTheme(
iconTheme: IconThemeData(color: Colors.black),
actionsIconTheme: IconThemeData(color: Colors.blue),
backgroundColor: theme.backgroundColor,
elevation: 0,
),


),
小开

使用苹果工具栏的图标主题目前还不能使用 useMaterials al3 = true，所有这些答案都为苹果工具栏定义了一个领先的图标，而没有告诉我们如何实现它的 onPress 行为。因此，更改 Drawers 图标或其颜色的最佳方法是:

声明 Saffold 的密钥:

final scaffoldKey = GlobalKey<ScaffoldState>();

把它应用到脚手架上:

Scaffold(
key: scaffoldKey,
drawer: Drawer()
)

然后，应用抽屉图标，如下所示，点击动作:

AppBar(
title: Text("My AppBar"),
leading: IconButton(
icon: Icon(Icons.person),
onPressed: (){
if(scaffoldKey.currentState!.isDrawerOpen){
scaffoldKey.currentState!.closeDrawer();
//close drawer, if drawer is open
}else{
scaffoldKey.currentState!.openDrawer();
//open drawer, if drawer is closed
}
},
),
)

提交答案