flutter简单的listview用法

import 'package:flutter/material.dart';

class TextPage extends StatefulWidget {
  @override
  _TextPageState createState() => _TextPageState();
}

class _TextPageState extends State<TextPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("测试"),
        elevation: 0,
      ),
      body: TextHome(),
    );
  }
}

class TextHome extends StatefulWidget {
  @override
  _TextHomeState createState() => _TextHomeState();



}

class _TextHomeState extends State<TextHome> {

  List listData= [
    {
      "title":'近日,美国为英国空军制造的首架P-8A反潜巡逻机',
      "author":'xusong',
      "image":'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1254347474,1551206029&fm=26&gp=0.jpg'
    },
    {
      "title":'美国为英国空军制造的首架P-8A反潜巡逻机',
      "author":'xusong',
      "image":'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1254347474,1551206029&fm=26&gp=0.jpg'
    },
    {
      "title":'英国空军制造的首架P-8A反潜巡逻机',
      "author":'xusong',
      "image":'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1254347474,1551206029&fm=26&gp=0.jpg'
    },
    {
      "title":'空军制造的首架P-8A反潜巡逻机',
      "author":'xusong',
      "image":'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1254347474,1551206029&fm=26&gp=0.jpg'
    },
    {
      "title":'制造的首架P-8A反潜巡逻机',
      "author":'xusong',
      "image":'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1254347474,1551206029&fm=26&gp=0.jpg'
    },
    {
      "title":'近首架P-8A反潜巡逻机',
      "author":'xusong',
      "image":'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1254347474,1551206029&fm=26&gp=0.jpg'
    },
    {
      "title":'P-8A反潜巡逻机',
      "author":'xusong',
      "image":'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1254347474,1551206029&fm=26&gp=0.jpg'
    },
  ];


  // List<Widget> _getData(){
  //   var tempList =  listData.map((value){
  //      return ListTile(
  //        subtitle:Text(value['author']) ,
  //        leading: Image.network(value['image']),
  //        title: Text(value['title']),
  //      );
  //   });
  //     return tempList.toList();
  // }


    List<Widget> _getData(){
       var temlist= listData.map((value){
          return ListTile(
             subtitle: Text(value['author']),
            leading: Image.network(value['image']),
            title: Text(value['title']),
          );
        });

       return temlist.toList();
    }

    List<Widget> _getDatall(){
      List<Widget> list=new List();
       for(var i=0; i<listData.length;i++ ){
            list.add(
             ListTile(
               subtitle: Text(listData[i]['author']),
               leading: Image.network(listData[i]['image']),
               title: Text(listData[i]['title']),
             )
            );
       }
       return list.toList();
    }

    
  @override
  Widget build(BuildContext context) {
    return ListView(
      children: _getDatall()
    );

  }
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值