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

前端之家收集整理的这篇文章主要介绍了导航抽屉 – 改变颤振抽屉背景颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何更改颤动导航抽屉的背景颜色?
似乎没有颜色或背景颜色属性.

解决方法

在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,....),)

猜你在找的Flutter相关文章