web-dev-qa-db-ja.com

フラッターナビゲーションドロワーハンバーガーアイコンの色の変更

ナビゲーションドロワーのハンバーガーアイコンの色は変更されません。デフォルトでは黒です。このアイコンの色をフラッターで変更したいのですが、行き詰まっています。このアイコンの色を変更してください。これが私のコードです。

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")
        ),
       ),
     );
    }
 }
navigation-drawerflutterflutter-layout
20
Ammy Kang

AppBarにiconThemeを追加します

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

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

アイコンの色を変更するには、これを使用します

  @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、）は、アイコン内の色を定義します

3
kishan verma