[Tips][5] Mengganti Warna Background pada Drawer Flutter

Hello, this is my website. Find all information about website design, website programming, HTML, CSS, Javascript, Jquery, Angular, Flutter, Plugin, Mockup, Mysql, Database, etc.

Tips & Trick



Wednesday, 13 Nov 2019

Hello world,

Tips kali ini adalah tentang bagaimana cara merubah warna background pada Drawer Flutter. Kita bisa merubah background pada listview atau container yang ada di dalam Drawer seperti contoh di bawah ini.

drawer: new Drawer(
child: new ListView(
children: <Widget> [
new Container(child: new DrawerHeader(child: new CircleAvatar()), color: Colors.green, ),
new Container(
color: Colors.red,
child: new Column(
children: new List.generate(4, (int index) {
return new ListTile(
title: Text('Menu'),
trailing: Icon(Icons.arrow_right),
);
}),
),
)
],
),
),

Atau kita dapat merubah keseluruhan background Drawer menggunakan Theme seperti contoh di bawah.

drawer: Theme(
data: Theme.of(context).copyWith(
canvasColor: Colors.blue
),
child: new Drawer(
child: new ListView(
children: < Widget > [
new Container(child: new DrawerHeader(child: new CircleAvatar()), color: Colors.green, ),
new Container(
color: Colors.red,
child: new Column(
children: new List.generate(4, (int index) {
return new ListTile(
title: Text('Menu'),
trailing: Icon(Icons.arrow_right),
);
}),
),
)
],
),
),
),

Selamat mencoba :)