Use SliverList Lazy Load Optimization

Codelessly · Aug 31, 2024 · 4079e0d · 4079e0d
1 parent b776c89
commit 4079e0d
Showing 1 changed file with 37 additions and 35 deletions.
diff --git a/lib/pages/page_list.dart b/lib/pages/page_list.dart
@@ -19,41 +19,43 @@ class ListPage extends StatelessWidget {
       backgroundColor: const Color(0xFFF5F5F5),
       body: CustomScrollView(
         slivers: [
-          ...[
-            const MinimalMenuBar(),
-            const ListItem(
-                imageUrl: "assets/images/paper_flower_overhead_bw_w1080.jpg",
-                title: listItemTitleText,
-                description: listItemPreviewText),
-            divider,
-            const ListItem(
-                imageUrl:
-                    "assets/images/iphone_cactus_tea_overhead_bw_w1080.jpg",
-                title: listItemTitleText,
-                description: listItemPreviewText),
-            divider,
-            const ListItem(
-                imageUrl: "assets/images/typewriter_overhead_bw_w1080.jpg",
-                title: listItemTitleText,
-                description: listItemPreviewText),
-            divider,
-            const ListItem(
-                imageUrl:
-                    "assets/images/coffee_paperclips_pencil_angled_bw_w1080.jpg",
-                title: listItemTitleText,
-                description: listItemPreviewText),
-            divider,
-            const ListItem(
-                imageUrl:
-                    "assets/images/joy_note_coffee_eyeglasses_overhead_bw_w1080.jpg",
-                title: listItemTitleText,
-                description: listItemPreviewText),
-            divider,
-            Container(
-              padding: const EdgeInsets.symmetric(vertical: 80),
-              child: const ListNavigation(),
-            ),
-          ].toMaxWidthSliver(),
+          SliverList.list(
+            children: [
+              const MinimalMenuBar(),
+              const ListItem(
+                  imageUrl: "assets/images/paper_flower_overhead_bw_w1080.jpg",
+                  title: listItemTitleText,
+                  description: listItemPreviewText),
+              divider,
+              const ListItem(
+                  imageUrl:
+                      "assets/images/iphone_cactus_tea_overhead_bw_w1080.jpg",
+                  title: listItemTitleText,
+                  description: listItemPreviewText),
+              divider,
+              const ListItem(
+                  imageUrl: "assets/images/typewriter_overhead_bw_w1080.jpg",
+                  title: listItemTitleText,
+                  description: listItemPreviewText),
+              divider,
+              const ListItem(
+                  imageUrl:
+                      "assets/images/coffee_paperclips_pencil_angled_bw_w1080.jpg",
+                  title: listItemTitleText,
+                  description: listItemPreviewText),
+              divider,
+              const ListItem(
+                  imageUrl:
+                      "assets/images/joy_note_coffee_eyeglasses_overhead_bw_w1080.jpg",
+                  title: listItemTitleText,
+                  description: listItemPreviewText),
+              divider,
+              Container(
+                padding: const EdgeInsets.symmetric(vertical: 80),
+                child: const ListNavigation(),
+              ),
+            ].toMaxWidth(),
+          ),
           SliverFillRemaining(
             hasScrollBody: false,
             child: MaxWidthBox(