【自学Flutter】21

25 阅读1分钟

Image.network("ss2.baidu.com/6ONYsjip0QI…: 100,height: 180,),

Image.network("ss2.baidu.com/6ONYsjip0QI…: 100,height: 180,),

Image.network("ss2.baidu.com/6ONYsjip0QI…: 100,height: 180,),

Image.network("ss1.baidu.com/6ONXsjip0QI…: 100,height: 180,),

Image.network("ss1.baidu.com/6ONXsjip0QI…: 100,height: 180,),

Image.network("ss1.baidu.com/6ONXsjip0QI…: 100,height: 180,),

Image.network("ss1.baidu.com/6ONXsjip0QI…: 100,height: 180,),

],

),

)

);

}

}

2.解释源代码

import 'package:flutter/material.dart';

void main () => runApp(MyApp());

class MyApp extends StatefulWidget {

@override

_MyAppState createState() => _MyAppState();

}

class _MyAppState extends State {

@override

Widget build(BuildContext context) {

return MaterialApp(

home: Scaffold(

backgroundColor: Colors.green,

appBar: AppBar(title: Text("GridView"),),

body: GridView(

gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(

//横轴子元素的数量

crossAxisCount: 3,

//子元素在横轴长度和主轴长度的比例

childAspectRatio: 1,

//主轴方向的间距

mainAxisSpacing: 5,

//横轴方向子元素的间距

crossAxisSpacing: 5,

),

children: [

Image.network("ss2.baidu.com/6ONYsjip0QI…: 100,height: 180,),

Image.network("ss2.baidu.com/6ONYsjip0QI…: 100,height: 180,),

Image.network("ss2.baidu.com/6ONYsjip0QI…: 100,height: 180,),

Image.network("ss1.baidu.com/6ONXsjip0QI…: 100,height: 180,),

Image.network("ss1.baidu.com/6ONXsjip0QI…: 100,height: 180,),

Image.network("ss1.baidu.com/6ONXsjip0QI…: 100,height: 180,),

Image.network("ss1.baidu.com/6ONXsjip0QI…: 100,height: 180,),

],

),

)

);

}

}

3.效果图

效果图