如何更改支架小部件的抽屉颜色

时间:2019-12-26 20:58:18

标签: flutter dart

如何更改打开脚手架小部件抽屉菜单的按钮(图标)的颜色?

return Scaffold(
  backgroundColor: Color(0xffc2c2c2),
  drawer: Drawer(
    ...
    child: ListView(
      padding: EdgeInsets.zero,
      children: <Widget>[
        DrawerHeader()


           ...

enter image description here

没有像iconColor或backgroundColor这样的选项。

2 个答案:

答案 0 :(得分:1)

使用iconTheme的{​​{1}}属性。例如,这是我的AppBar代码:

AppBar

在脚手架中,有一个return AppBar( elevation: 0, centerTitle: true, brightness: DynamicTheme.of(context).brightness, backgroundColor: Theme.of(context).primaryColor, actions: actions == null ? [] : actions, title: Text( title, style: GoogleFonts.openSans( fontWeight: FontWeight.w600, textStyle: TextStyle( color: Theme.of(context).textTheme.body1.color, ), ), ), iconTheme: IconThemeData(color: Colors.black), leading: leading, ); 属性,以防您不知道。它也取决于appBar属性,因此如果它很暗,图标将变成白色,等等。

答案 1 :(得分:1)

您可以通过执行以下操作来更改appBar中图标的颜色:

return Scaffold(
        appBar: AppBar(
          title: const Text('Drawer Demo'),
          iconTheme: IconThemeData(color: Colors.black), 
        ),

https://api.flutter.dev/flutter/material/AppBar-class.html

https://api.flutter.dev/flutter/material/AppBar/iconTheme.html