首页 > 解决方案 > 使用 FutureBuilder 在 Flutter 中显示存储在数据库中的项目列表

问题描述

dishType是一个变量,用于存储Dish要显示的类型的项目,它显示一个空列表。

以下是我的身体FutureBuilder

 body: FutureBuilder<List>(
    future: dishes(),
    initialData: List(),
    builder: (context, snapshot){
      return snapshot.hasData
          ? ListView.builder(
              itemCount: snapshot.data.length,
              itemBuilder: (context, index){
                final item = snapshot.data[index];
                if (item.dishType == dishType) {
                    return ListTile(
                      title: Text("${item.dishName}"),
                      subtitle: Text(item.dishType),
                    );
                } else return null;
              },
      )
          : Center(
        child: CircularProgressIndicator(),
      );
    },
  ),

这是删除条件后的输出截图

截屏

标签: listviewflutterdart

解决方案


推荐阅读