flutter07:数组渲染

比如要渲染一个数组多个对象,并且对象里面有数组的这样的一个数据,使用flutter的格式渲染出来

数据格式:
List commentData=[
{
      'photo':'assets/images/square_1.png',
      'nickname':'鸿运当头',
      'content':'TA通过 决策金股 策略,关注了万华化学(600309)',
      'date':'14:20',
      'replay':[
        {'nickname':'哈哈哈','content':'这是一条评论'},
        {'nickname':'哈哈哈','content':'这是一条评论'},
        {'nickname':'哈哈哈','content':'这是一条评论'},
      ]
    }
]

遍历的方式:

1、如果是ListView的话
ListView(
  children: commentData.map((item){
      return commentList(context,item);//这是一个Widget组件
  }).toList(),
)
ListView.builder(
   itemCount:commentData.length ,
   itemBuilder: commentList(context,item),//这是一个Widget组件
)
2、如果是数组map遍历出来的
replayData.map((item){
  return Row(
    crossAxisAlignment: CrossAxisAlignment.start,
      children: [
       Text(item['nickname']+':',style: TextStyle(color: Color.fromRGBO(147, 148, 168, 1),fontSize: ScreenUtil().setWidth(25.0))),
       Expanded(
         child: Wrap(
         children: [
            Text(item['content'],style: TextStyle(color: Colors.white),)
          ],),
        )
      ],
   );
 }).toList()

你可能感兴趣的:(flutter07:数组渲染)