flutter/flutter-go
1
0
Fork 0
mirror of https://github.com/alibaba/flutter-go.git synced 2025-05-20 22:36:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

gridView 网格效果 图片流

Browse Source
This commit is contained in:
DeckeDeng
2019-04-17 20:33:25 +08:00
parent 184136a7c1
commit 1022e0dd3e
2 changed files with 42 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
lib/widgets/components/Grid/GridView/demo.dart
View File

@ -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),
],),
);
}
}

13
lib/widgets/components/Grid/GridView/index.dart
View File

@ -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',
);