12. Flutter——AppBar自定义顶部导航

1. Flutter Drawer 侧边栏

  • 在Scaffold 组件里面传入 drawer 参数可以定义左侧边栏,传入 endDrawer 可以定义右侧边栏。侧边栏默认是隐藏的,我们可以通过手指滑动显示侧边栏,也可以通过点击按钮显示侧
    边栏。
  • 属性:
属性描述
decoration设置顶部背景颜色
child配置子元素
padding内边距
margin外边距
  • 代码:
drawer: Drawer(
	child: Column(
		children: <Widget>[
			DrawerHeader(
			
				decoration: BoxDecoration(
					color: Colors.yellow,
					image:DecorationImage(
						image: NetworkImage("url"),
						fit:BoxFit.cover
						)
					),
					child: ListView(
						children: <Widget>[
							Text('我是一个头部')
						], 
					), 
				),
		ListTile(
			title: Text("个人中心"),
			leading: CircleAvatar(
					child: Icon(Icons.people)
			), 
		),
		Divider(), 
		ListTile(
			title: Text("系统设置"),
			leading: CircleAvatar(
				child: Icon(Icons.settings)
			), 
		)
	], 
  )
)
posted @ 2021-01-08 18:34  Kailinymq  阅读(160)  评论(0)    收藏  举报