美文网首页
Flutter控件之List

Flutter控件之List

作者: 阿狸清纯的容颜 | 来源:发表于2019-10-23 16:48 被阅读0次

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

相关文章

网友评论

      本文标题:Flutter控件之List

      本文链接:https://www.haomeiwen.com/subject/qnmkvctx.html