Question

我正在尝试建立搜索列表，该列表工作正常，但是如果结果为空，则无需显示任何数据。我尝试了以下代码，但小部件保持了一秒钟，然后消失了

FutureBuilder(
                    future: getSearchedProducts(widget.searchString),
                    builder: (BuildContext context, AsyncSnapshot snapshot) {
                      if (!snapshot.hasData) {
                        return Center(
                          child: Container(
                            child: Text('No Data Found.'),
                          ),
                        );
                      } else {
                        return ListView.builder(
                            shrinkWrap: true,
                            itemCount: searchResult.length,
                            scrollDirection: Axis.vertical,
                            itemBuilder: (context, index) {

                                  return Card(
                                    child: ListTile(
                                      leading: Image.network(searchResult[index].proThumbnail),
                                      title: Text(searchResult[index].proName),
                                      onTap: () {
                                        print(searchResult[index].proName);
                                        Navigator.push(context, MaterialPageRoute(builder: (context) {
                                          return ProductPage(prodid: searchResult[index].proId);
                                        }));
                                      },
                                    ),
                                  );


                            });
                      }
                    })

有人可以帮助我吗？预先谢谢你。

Answer 1

在您Else部分的代码中-return ListView.builder-添加以下代码。

 ...
 else {
 if (searchResult.length == 0) 
          {
            return Center(child: const Text('No Date'));
          }
 return ListView.builder .....

Answer 2

我只需编写如下代码即可。

 FutureBuilder(
                    future: getSearchedProducts(widget.searchString),
                    builder: (BuildContext context, AsyncSnapshot snapshot) {

                      print('length of list ${searchResult.length}');

                      if (searchResult.length==0) {
                        return Center(
                          child: Text('No data'),
                        );
                      }
                      else if (!snapshot.hasData) {
                        return Center(
                            child: CircularProgressIndicator(),
                        );
                      }
                      else {
                        return ListView.builder(
                            shrinkWrap: true,
                            itemCount: searchResult.length,
                            scrollDirection: Axis.vertical,
                            itemBuilder: (context, index) {

                                  return Card(
                                    child: ListTile(
                                      leading: Image.network(searchResult[index].proThumbnail),
                                      title: Text(searchResult[index].proName),
                                      onTap: () {
                                        print(searchResult[index].proName);
                                        Navigator.push(context, MaterialPageRoute(builder: (context) {
                                          return ProductPage(prodid: searchResult[index].proId);
                                        }));
                                      },
                                    ),
                                  );

                            });



                      }
                    }),

Flutter：快照为空时，小部件消失

2 个答案: