布局页面

wallpaper/lib/pages/imgcategorypage/imgcategorypage_view.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:wallpaper/pages/imgcategorypage/imgcategorypage_controller.dart';
 import 'package:wallpaper/models/imgnetodel.dart';
+import 'package:transparent_image/transparent_image.dart';
 
 class ImgCategoryPageView extends GetView {
   // const ImgCategoryPageView({super.key});
@@ -11,13 +12,51 @@ class ImgCategoryPageView extends GetView {
 
   @override 
   Widget build(BuildContext context) {
+    final Widget bodyView = getBodyWidget();
+
     return Scaffold(
       appBar: AppBar(
         title:  Text(stitle),
       ),
-      body: const Center(
+      body: bodyView,
-        child: Text("下载的..."),
-      ),
     );
   }
+
+
+
+
+
+
+  //返回内容
+  Widget getBodyWidget(){
+    return Obx(() => GridView.count(
+              crossAxisCount: 2,
+              mainAxisSpacing: 10,
+              crossAxisSpacing: 10,
+              childAspectRatio: 0.7,
+              padding: const EdgeInsets.symmetric(horizontal: 10),
+              children: List.generate(dataModel.data!.length, (index) {
+                return getBodyItem(dataModel.data![index].previewThumb!,index);
+            }),
+          ));
+  }
+
+  Stack getBodyItem(String imgUrl,int index){
+    return Stack(//堆叠效果
+                  children: [
+                    FadeInImage.memoryNetwork(
+                    width: double.infinity,
+                    height: double.infinity,
+                    placeholder: kTransparentImage,
+                    image: imgUrl,
+                    fit: BoxFit.cover,
+                  ),
+                ],
+            );
+  }
+
+
+
+
+
 }