如何在 flutter 中更改 DrawerHeader 的高度?
How do I change the height of the DrawerHeader in flutter?
我想改变抽屉的高度header。我在抽屉的帮助下创建了一个侧边栏,但无法更改抽屉的高度 header。
我是 Flutter 开发的新手。
我试过这个代码,
drawer: Container(
child: ClipRRect(
borderRadius: BorderRadius.only(
topRight: Radius.circular(30), bottomRight: Radius.circular(30)),
child: Drawer(
child: ListView(
padding: EdgeInsets.only(
top: 0.0,
),
scrollDirection: Axis.vertical,
children: <Widget>[
DrawerHeader(
child: Text('data '),
decoration: BoxDecoration(color: Colors.green),
),
ListTile(
title: Text('Home'),
leading: Icon(Icons.home, color: Colors.red),
),
],
),
),
),
),
在DrawerHeader
上方添加SizeBox
SizedBox(
height: 100,
child: DrawerHeader(
child: Text('data '),
decoration: BoxDecoration(color: Colors.green),
),
),
您可以在这里做两件事:
使用 SizedBox
或者您可以使用自定义的 Container
代替 DrawerHeader
SizedBox(
height: 150.0,
child: DrawerHeader(
//add further code here
),
),
//OR YOU CAN DO THIS
Drawer(
child: ListView(
children: [
Container(
height: 150.0,
child: //add futher code here
),
],
),
)
我想改变抽屉的高度header。我在抽屉的帮助下创建了一个侧边栏,但无法更改抽屉的高度 header。
我是 Flutter 开发的新手。
我试过这个代码,
drawer: Container(
child: ClipRRect(
borderRadius: BorderRadius.only(
topRight: Radius.circular(30), bottomRight: Radius.circular(30)),
child: Drawer(
child: ListView(
padding: EdgeInsets.only(
top: 0.0,
),
scrollDirection: Axis.vertical,
children: <Widget>[
DrawerHeader(
child: Text('data '),
decoration: BoxDecoration(color: Colors.green),
),
ListTile(
title: Text('Home'),
leading: Icon(Icons.home, color: Colors.red),
),
],
),
),
),
),
在DrawerHeader
SizeBox
SizedBox(
height: 100,
child: DrawerHeader(
child: Text('data '),
decoration: BoxDecoration(color: Colors.green),
),
),
您可以在这里做两件事:
使用 SizedBox
或者您可以使用自定义的 Container
代替 DrawerHeader
SizedBox(
height: 150.0,
child: DrawerHeader(
//add further code here
),
),
//OR YOU CAN DO THIS
Drawer(
child: ListView(
children: [
Container(
height: 150.0,
child: //add futher code here
),
],
),
)