Flutter控件之List
Flutter 列表呢是new ListView 出来的
具体就和java 那个xml一样有个ListView和GridView
分别垂直列表和网格列表
用法现在只知道是new ListView 或者GridView
我到现在没搞清楚Flutter写的时候是按照一个什么样子的一个模式去写的跳转界面也不知道怎么跳转
下面上代码
//写一个网格列表
//void main() => runApp(MyApp());
//class MyApp extends StatelessWidget {
// @override
// Widget build(BuildContext context) {
// return MaterialApp(
// title: 'Nine tail fox',
// home: Scaffold(
// appBar: new AppBar(
// title: new Text('AAAAAA'),
// ),
// body: GridView(
// gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
// //这个是列表的一行显示多少个
// crossAxisCount: 3,
// //上面的item 和下面的item的距离
// mainAxisSpacing: 2.0,
// //左右item 的间距
// crossAxisSpacing: 2.0,
// //宽和高的比例
// childAspectRatio: 0.7),
// children: [
// new Image.network(
// 'http://pic1.win4000.com/wallpaper/2/57a2b93669eea.jpg',
// fit: BoxFit.cover,
// ),
// new Image.network(
// 'http://pic1.win4000.com/wallpaper/2/57a2b93669eea.jpg',
// fit: BoxFit.cover,
// ),
// new Image.network(
// 'http://pic1.win4000.com/wallpaper/2/57a2b93669eea.jpg',
// fit: BoxFit.cover,
// ),
// new Image.network(
// 'http://pic1.win4000.com/wallpaper/2/57a2b93669eea.jpg',
// fit: BoxFit.cover,
// ),
// new Image.network(
// 'http://pic1.win4000.com/wallpaper/2/57a2b93669eea.jpg',
// fit: BoxFit.cover,
// ),
// new Image.network(
// 'http://pic1.win4000.com/wallpaper/2/57a2b93669eea.jpg',
// fit: BoxFit.cover,
// ),
// new Image.network(
// 'http://pic1.win4000.com/wallpaper/2/57a2b93669eea.jpg',
// fit: BoxFit.cover,
// ),
// ],
// ),
// ),
// );
// }
//}
上面的是一个网格列表
把上面的new GridView换成ListView 就OK