gpt4 book ai didi

flutter - 如何修复 Flutter DrawerHeader?

转载 作者:IT王子 更新时间:2023-10-29 07:10:50 26 4
gpt4 key购买 nike

我正在尝试创建一个抽屉,但不知何故我找不到任何方法来使其 DrawerHeader 保持固定(而下面的项目保持滚动)。尝试过 Expanded、Flex 等,但不知何故我遗漏了一些东西。这是工作代码,但标题将随着下方 ListView 中的项目向上滚动

Widget _drawerList(BuildContext context) {

return Drawer(
elevation: 20.0,
child: ListView(
children: <Widget>[
Container(
height: 120.0,
child: DrawerHeader(
decoration: BoxDecoration(color: Colors.orange),
child: Text('HEADER'),
),
),
Column(
children: <Widget>[
ListTile(
title: Text("ITEM 1"),
),
ListTile(
title: Text("ITEM 2"),
),
ListTile(
title: Text("ITEM 3"),
),
ListTile(
title: Text("ITEM 4"),
),
ListTile(
title: Text("ITEM 5"),
),
ListTile(
title: Text("ITEM 6"),
),
ListTile(
title: Text("ITEM 7"),
),
ListTile(
title: Text("ITEM 8"),
),
ListTile(
title: Text("ITEM 9"),
),
ListTile(
title: Text("ITEM 10"),
),
ListTile(
title: Text("ITEM 11"),
),
ListTile(
title: Text("ITEM LAST"),
),
],
)
],
),
);
}

最佳答案

enter image description here

Widget _drawerList(BuildContext context) {
return Drawer(
elevation: 20.0,
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
SizedBox(
height: 120,
child: DrawerHeader(
decoration: BoxDecoration(color: Colors.orange),
child: Text('HEADER'),
),
),
Expanded(
child: ListView(...),
)
],
),
);
}

关于flutter - 如何修复 Flutter DrawerHeader?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57237072/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com