使用FutureBuilder在Flutter中显示存储在数据库中的项目列表

时间:2020-06-01 11:07:52

标签: listview flutter dart

此处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(),
      );
    },
  ),

这是条件消除后输出的屏幕截图

Screenshot

0 个答案:

没有答案