Флаттер: когда снимок пуст, виджет исчезает

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

Я просто пишу код, как показано ниже, и он работает.

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

                            });



                      }
                    }),

Answer 2

В вашем коде в Else части до - return ListView.builder - добавьте следующий код.

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