'解决第一次加载数据后列表不渲染问题'

Author: Tecode

lib/widgets/FirstScreen/HotProduct.dart

@@ -16,7 +16,6 @@ class HotProduct extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final homeStore = Provider.of<HomeStore>(context);
-    List<CommonData> hotBooksData = homeStore.hotBooksData?.data;
 
     return Column(
       children: <Widget>[
@@ -37,7 +36,9 @@ class HotProduct extends StatelessWidget {
         Container(
           width: MediaQuery.of(context).size.width,
           child: Observer(
-            builder: (_) => hotBooksData == null
+            builder: (_)  {
+              List<CommonData> hotBooksData = homeStore.hotBooksData?.data;
+              return hotBooksData == null
                 ? Text("正在获取数据")
                 : Wrap(
                     // spacing: 20.0,
@@ -50,7 +51,8 @@ class HotProduct extends StatelessWidget {
                             imageUrl: data.bookImage,
                             author: data.author))
                         .toList(),
-                  ),
+                  );
+            },
           ),
         ),
       ],

lib/widgets/FirstScreen/PopularBooks.dart

@@ -13,7 +13,6 @@ class PopularBooks extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final homeStore = Provider.of<HomeStore>(context);
-    List<CommonData> popularBookData = homeStore.recommendData?.data;
     return Column(
       children: <Widget>[
         SizedBox(
@@ -34,22 +33,25 @@ class PopularBooks extends StatelessWidget {
           height: 32.0,
         ),
         Observer(
-          builder: (_) => popularBookData == null
-              ? Text("正在获取数据")
-              : Container(
-                  height: 140.0,
-                  child: ListView(
-                      scrollDirection: Axis.horizontal,
-                      children: popularBookData
-                          .map((CommonData data) => Container(
-                              margin: EdgeInsets.only(right: 16.0),
-                              child: CommonBookCard(
-                                title: data.title,
-                                bookImage: data.bookImage,
-                                description:data.description.trimLeft(),
-                              )))
-                          .toList()),
-                ),
+          builder: (_) {
+            List<CommonData> popularBookData = homeStore.recommendData?.data;
+            return popularBookData == null
+                ? Text("正在获取数据")
+                : Container(
+                    height: 140.0,
+                    child: ListView(
+                        scrollDirection: Axis.horizontal,
+                        children: popularBookData
+                            .map((CommonData data) => Container(
+                                margin: EdgeInsets.only(right: 16.0),
+                                child: CommonBookCard(
+                                  title: data.title,
+                                  bookImage: data.bookImage,
+                                  description: data.description.trimLeft(),
+                                )))
+                            .toList()),
+                  );
+          },
         ),
       ],
     );

lib/widgets/FirstScreen/Recommend.dart

@@ -24,9 +24,9 @@ class Recommend extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final homeStore = Provider.of<HomeStore>(context);
-    List<CommonData> recommendData = homeStore.recommendData?.data;
-    return Observer(
-        builder: (_) => recommendData == null
+    return Observer(builder: (_) {
+      List<CommonData> recommendData = homeStore.recommendData?.data;
+      return recommendData == null
             ? Text("正在获取数据")
             : Column(
                 children: <Widget>[
@@ -46,11 +46,12 @@ class Recommend extends StatelessWidget {
                     margin: EdgeInsets.only(top: 40.0, bottom: 18.0),
                     child: ListView(
                       scrollDirection: Axis.horizontal,
-                      children: cardList(recommendData),
+                      children: cardList(homeStore.recommendData?.data),
                     ),
                   )
                 ],
-              ));
+              );
+    });
   }
 }