Flutter 如何更改导航抽屉的工具栏颜色
如何更改导航抽屉的工具栏颜色。只需在Flutter 如何更改导航抽屉的工具栏颜色,flutter,dart,flutter-layout,flutter-drawer,Flutter,Dart,Flutter Layout,Flutter Drawer,如何更改导航抽屉的工具栏颜色。只需在列表视图小部件内部抽屉小部件中添加填充:EdgeInsets.all(0.0), 试试这个 class HomePage extends StatefulWidget { @override _HomePageScreen createState() => _HomePageScreen(); } class _HomePageScreen extends State<HomePage> { @override Widget
列表视图小部件内部抽屉小部件中添加填充:EdgeInsets.all(0.0),
试试这个
class HomePage extends StatefulWidget {
@override
_HomePageScreen createState() => _HomePageScreen();
}
class _HomePageScreen extends State<HomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Home"),
),
drawer: Drawer(
child: ListView(
padding: EdgeInsets.all(0.0),
children: <Widget>[
UserAccountsDrawerHeader(
accountName: Text("Nilesh Rathod"),
accountEmail: Text("nilesh@gmail.com"),
currentAccountPicture: CircleAvatar(
backgroundColor: Colors.white,
child: Text("Nilu"),
),
),
ListTile(
title: Text("Home"),
trailing: Icon(Icons.new_releases),
),
Divider(),
ListTile(
title: Text("Profile"),
trailing: Icon(Icons.person),
onTap: () => {},
),
Divider(),
ListTile(
title: Text("Tab Layout"),
trailing: Icon(Icons.person),
onTap: () => {},
),
Divider(),
ListTile(
title: Text("Comman View Demo"),
trailing: Icon(Icons.person),
onTap: () => {},
),
Divider(),
ListTile(
title: Text("Close"),
trailing: Icon(Icons.close),
onTap: () => Navigator.of(context).pop(),
),
],
),
),
body: CachedNetworkImage(
imageUrl: 'https://i.stack.imgur.com/K8FFo.jpg?s=328&g=1',
placeholder: (context, url) => CircularProgressIndicator(), //<= ends here
errorWidget: (context, url, error) => Icon(Icons.error)),
);
}
}
类主页扩展StatefulWidget{
@凌驾
_HomePageScreen createState()=>\u HomePageScreen();
}
类_HomePageScreen扩展状态{
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:appBar(
标题:文本(“主页”),
),
抽屉(
子:ListView(
填充:所有边缘设置(0.0),
儿童:[
UserAccountsDrawerHeader(
账户名称:文本(“Nilesh Rathod”),
帐户电子邮件:文本(“nilesh@gmail.com"),
currentAccountPicture:CircleAvatar(
背景颜色:Colors.white,
子:文本(“Nilu”),
),
),
列表砖(
标题:文本(“主页”),
尾随:图标(图标。新发布),
),
分隔符(),
列表砖(
标题:文本(“简介”),
尾随:图标(Icons.person),
onTap:()=>{},
),
分隔符(),
列表砖(
标题:文本(“选项卡布局”),
尾随:图标(Icons.person),
onTap:()=>{},
),
分隔符(),
列表砖(
标题:文本(“Comman视图演示”),
尾随:图标(Icons.person),
onTap:()=>{},
),
分隔符(),
列表砖(
标题:文本(“结束”),
尾随:图标(Icons.close),
onTap:()=>Navigator.of(context.pop(),
),
],
),
),
正文:CachedNetworkImage(
imageUrl:'https://i.stack.imgur.com/K8FFo.jpg?s=328&g=1',
占位符:(上下文,url)=>CircularProgressIndicator(),//图标(Icons.error)),
);
}
}
输出
使用填充:EdgeInsets.all(0.0),
不带填充:边集。全部(0.0),