gridView 网格效果 图片流

lib/widgets/components/Grid/GridView/demo.dart

@@ -13,7 +13,6 @@ class GridTileDemo extends StatefulWidget {
 
 class _Demo extends State<GridTileDemo> {
 
-
   Widget build(BuildContext context) {
     return Container(
       height: 400,
@@ -55,3 +54,34 @@ class _Demo extends State<GridTileDemo> {
     );
   }
 }
+
+
+class GridViewDemo extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 200,
+      color: Color(0xffc91b3a),
+      child: GridView(
+        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+        ///列数
+        crossAxisCount: 3,
+        ///列间距
+        mainAxisSpacing: 10.0,
+        ///横轴距离
+        crossAxisSpacing: 4.0,
+        ///缩放比例
+        childAspectRatio: 1.3,),
+        padding: const EdgeInsets.only(left: 10,right: 10,top: 10),
+        children: <Widget>[
+          Image.network('https://flutter.io/assets/homepage/news-2-599aefd56e8aa903ded69500ef4102cdd8f988dab8d9e4d570de18bdb702ffd4.png', scale: 1, fit: BoxFit.cover),
+          Image.network('https://flutter.io/assets/homepage/news-2-599aefd56e8aa903ded69500ef4102cdd8f988dab8d9e4d570de18bdb702ffd4.png', scale: 1, fit: BoxFit.cover),
+          Image.network('https://flutter.io/assets/homepage/news-2-599aefd56e8aa903ded69500ef4102cdd8f988dab8d9e4d570de18bdb702ffd4.png', scale: 1, fit: BoxFit.cover),
+          Image.network('https://flutter.io/assets/homepage/news-2-599aefd56e8aa903ded69500ef4102cdd8f988dab8d9e4d570de18bdb702ffd4.png', scale: 1, fit: BoxFit.cover),
+          Image.network('https://flutter.io/assets/homepage/news-2-599aefd56e8aa903ded69500ef4102cdd8f988dab8d9e4d570de18bdb702ffd4.png', scale: 1, fit: BoxFit.cover),
+          Image.network('https://flutter.io/assets/homepage/news-2-599aefd56e8aa903ded69500ef4102cdd8f988dab8d9e4d570de18bdb702ffd4.png', scale: 1, fit: BoxFit.cover),
+        ],),
+    );
+  }
+
+}

lib/widgets/components/Grid/GridView/index.dart

@@ -49,6 +49,13 @@ const String _Text0 = """
 - GridView.extent
 """;
 
+const Text1=""" 
+### 
+> SliverGridDelegateWithFixedCrossAxisCount
+
+gridDelegate: SliverGridDelegateWithFixedCrossAxisCount,实现网格
+""";
+
 
 
 class Demo extends StatefulWidget {
@@ -68,8 +75,10 @@ class _DemoState extends State<Demo> {
         _Text0,
         GridTileDemo(),
         SizedBox(
-          height: 100.0,
+          height: 10.0,
-        )
+        ),
+        Text1,
+        GridViewDemo(),
       ],
       docUrl: 'https://docs.flutter.io/flutter/material/GridView-class.html',
     );