导航抽屉 – 改变颤振抽屉背景颜色

发布时间：2020-12-14 14:56:17 所属栏目：百科来源：网络整理

导读：如何更改颤动导航抽屉的背景颜色？似乎没有颜色或背景颜色属性. 解决方法在Drawer的子属性中构建ListView时,可以将Drawer的不同部分包装在Container中,并使用Container的color属性. drawer: new Drawer( child: new ListView( children: Widget[ new Conta

如何更改颤动导航抽屉的背景颜色？
似乎没有颜色或背景颜色属性.

解决方法

在Drawer的子属性中构建ListView时,可以将Drawer的不同部分包装在Container中,并使用Container的color属性.

enter image description here

drawer: new Drawer(
        child: new ListView(
          children: <Widget>[
            new Container(child: new DrawerHeader(child: new CircleAvatar()),color: Colors.tealAccent,),new Container (
              color: Colors.blueAccent,child: new Column(
                children: new List.generate(4,(int index){
                  return new ListTile(
                    leading: new Icon(Icons.info),);
                }),)
          ],

如果你已经有了一致的着色设计,那么更好的选择是在你的应用程序根目录的theme属性下定义你的ThemeData,DrawerHeader和body将跟随你的canvasColor,所以你需要覆盖一个值他们改变颜色：

enter image description here

return new MaterialApp(
....
theme: new ThemeData(
       canvasColor: Colors.redAccent,....),)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!