gpt4 book ai didi

dart - 在 CustomScrollView 中使用 StreamBuilder 和 SliverLists

转载 作者:IT老高 更新时间:2023-10-28 12:40:57 43 4
gpt4 key购买 nike

我正在尝试使用 StreamBuilder 来获取数据,并且我想在 CustomScrollView 内使用 SliverList 来显示该数据,所以我可以利用 CustomScrollView 附带的功能。

关于如何实现这一目标的任何想法?

最佳答案

当然,这很简单,这里有一个代码示例:

    class SampleStreamBuilder extends StatelessWidget {
Stream<List<String>> loadData() async* {
await Future.delayed(Duration(seconds: 3));
yield List.generate(10, (index) => "Index $index");
}

@override
Widget build(BuildContext context) {
return Scaffold(
body: StreamBuilder<List<String>>(
stream: loadData(),
builder: (context, snapshot) {
return snapshot.hasData
? CustomScrollView(
slivers: [
SliverList(
delegate: SliverChildBuilderDelegate((context, index) {
return ListTile(
title: Text(snapshot.data[index]),
);
}, childCount: snapshot.data.length),
)
],
)
: Center(
child: CircularProgressIndicator(),
);
},
),
);
}
}

关于dart - 在 CustomScrollView 中使用 StreamBuilder 和 SliverLists,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54246594/

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