准备顶部数据

wallpaper/lib/pages/homepage/homepage_view.dart

@@ -1,3 +1,4 @@
+// ignore_for_file: dead_code
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:transparent_image/transparent_image.dart';
@@ -8,6 +9,8 @@ class HomePageView extends GetView {
   @override 
   Widget build(BuildContext context) {
     const title = "壁纸";
+    final ListView headerView = getHeaderWidget();
+    final GridView bodyView = getBodyWidget();
 
     return MaterialApp(
       title: title,
@@ -15,21 +18,65 @@ class HomePageView extends GetView {
         appBar: AppBar(
           title: const Text(title),
         ),
-        body: GridView.count(
+        body: Row(
-          // Create a grid with 2 columns. If you change the scrollDirection to
+          children: [
-          // horizontal, this produces 2 rows.
+            SizedBox(
-          crossAxisCount: 2,
+              width: 400,
-          // Generate 100 widgets that display their index in the List.
+              height: 40,
-          children: List.generate(100, (index) {
+              child: headerView,
-            return Center(
+            ),
-              child: FadeInImage.memoryNetwork(
+            // bodyView,
-                placeholder: kTransparentImage,
+          ],
-                image: 'https://picsum.photos/250?image=9',
-              ),
-            );
-          }),
         ),
       ),
     );
   }
+
+  //返回内容
+  GridView getBodyWidget(){
+    return GridView.count(
+              // Create a grid with 2 columns. If you change the scrollDirection to
+              // horizontal, this produces 2 rows.
+              crossAxisCount: 2,
+              // Generate 100 widgets that display their index in the List.
+              children: List.generate(100, (index) {
+                return Center(
+                  child: FadeInImage.memoryNetwork(
+                    placeholder: kTransparentImage,
+                    image: 'https://picsum.photos/250?image=9',
+                  ),
+                );
+              }),
+            );
+  }
+
+  //初始化顶部数据
+    ListView getHeaderWidget(){
+      return ListView(
+        scrollDirection: Axis.horizontal,
+        children: <Widget>[
+              Container(
+                width: 160,
+                color: Colors.red,
+              ),
+              Container(
+                width: 160,
+                color: Colors.blue,
+              ),
+              Container(
+                width: 160,
+                color: Colors.green,
+              ),
+              Container(
+                width: 160,
+                color: Colors.yellow,
+              ),
+              Container(
+                width: 160,
+                color: Colors.orange,
+              ),
+            ],
+      );
+    }
+
 }