Flutter循环动态数据2

循环list数据
（一）效果图

（二）实现
实现要点：
listview里面的builder方法
准备一个数据文件
导入

import 'listData.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class ListViewPage2 extends StatelessWidget {
  //自定义方法
  Widget _getListData(context, index) {
    return ListTile(
      leading: Image.asset(listData[index]["imageUrl"]),
      subtitle: Text(listData[index]["author"]),
      title: Text(listData[index]["title"]),
    );
  }
  Widget ListPages2() {
    return ListView.builder(
        itemCount: listData.length, 
        itemBuilder: this._getListData);
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("甜宠软妹"),
        centerTitle: true,
      ),
      body: Container(
        child: ListPages2(),
      ),
    );
  }
}

数据文件的内容请参考
Flutter实现网格布局_升级版
(链接: link.).
这篇技术博客里面的数据文件。