diff --git a/lib/widgets/components/Grid/GridView/demo.dart b/lib/widgets/components/Grid/GridView/demo.dart index a7bbeb16..6246c433 100644 --- a/lib/widgets/components/Grid/GridView/demo.dart +++ b/lib/widgets/components/Grid/GridView/demo.dart @@ -13,7 +13,6 @@ class GridTileDemo extends StatefulWidget { class _Demo extends State { - Widget build(BuildContext context) { return Container( height: 400, @@ -55,3 +54,34 @@ class _Demo extends State { ); } } + + +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: [ + 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), + ],), + ); + } + +} \ No newline at end of file diff --git a/lib/widgets/components/Grid/GridView/index.dart b/lib/widgets/components/Grid/GridView/index.dart index 0f8beb0d..d00925e9 100644 --- a/lib/widgets/components/Grid/GridView/index.dart +++ b/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 { _Text0, GridTileDemo(), SizedBox( - height: 100.0, - ) + height: 10.0, + ), + Text1, + GridViewDemo(), ], docUrl: 'https://docs.flutter.io/flutter/material/GridView-class.html', );