回圈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.).
這篇技術博客里面的資料檔案，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/232083.html
標籤：區塊鏈
上一篇：關于區塊鏈的兩點澄清