如何让 ListView.builder 每秒只构建 1 个小部件？

Question

是否可以让ListView.builder每秒只构建 1 个小部件？

试图使用Future.delayed()和sleep()但它什么都不做。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: ListView.builder(
        itemCount: 20,
        itemBuilder: (context, index) {
          Future.delayed(
            const Duration(seconds: 1),
          );
          return Text(index.toString());
        },
      ),
    );
  }

提前致谢

Answer 1

创建一个列表并使用计时器将项目添加到列表中

List<String> allWidget = [];
@override
 void initState(){
  startTimer();
}
@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: ListView.builder(
        itemCount: allWidget.length,
        itemBuilder: (context, index) {
          return Text(allWidget[index].toString());
        },
      ),
    );
  }
startTimer(){
   Timer.periodic(Duration(seconds: 1), (timer){
      if(allWidget.length >= 20) {
        timer.cancel();
      } else{ 
        allWidget.addd("${allWidget.length}");
        setState((){});
      }
   }
}