gpt4 book ai didi

flutter - 滚动 TabBarView 子项时使 SliverAppBar 可滚动

转载 作者:行者123 更新时间:2023-12-05 02:55:54 25 4
gpt4 key购买 nike

我有一个带底部导航的主屏幕,它由两个项目组成,它们都在内部有 ListView 和无限列表,我希望 SliverAppBar 在用户在其中一个列表中滚动时可以滚动。这是我目前所拥有的

class HomeScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return DefaultTabController(
length: 2,
child: new Scaffold(
body: CustomScrollView(
slivers: <Widget>[
SliverAppBar(
snap: false,
floating: false,
pinned: true,
expandedHeight: 160.0,
flexibleSpace: FlexibleSpaceBar(
title: Text('Title'),
),
),
SliverFillRemaining(
child: TabBarView(
children: <Widget>[Items(), Activities()], //THESE HAVE LIST VIEW IN EACH
),
)
],
),
));
}
}

这里是 TabBarView 子项之一的代码。

class Items extends StatelessWidget {
@override
Widget build(BuildContext context) {
List<Widget> itemsWidgets = List.from(getItemsList()
.map((Item item) => createItemWidget(context, item)));

return Scaffold(
body: Center(
child: ListView(
children: itemsWidgets,
),
),
);
}

ListTile createItemWidget(BuildContext context, Item item) {
return new ListTile(
title: Text(item.sender.name),
subtitle: Text('10:30 am'),
);
}
}

当用户在其中一个列表中滚动时,SilverAppBar 如何滚动?任何帮助/建议将不胜感激。

最佳答案

使用NestedScrollView . api里面有例子

关于flutter - 滚动 TabBarView 子项时使 SliverAppBar 可滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60967806/

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