Flutter技术问题:ListView.builder仅渲染前3项,其余项无数据
问题:ListView.builder仅渲染前3个列表项,其余项无数据展示
ListView.builder仅构建并渲染前3个列表项,其余项仅显示列表框架但不展示数据,屏幕显示效果如下:

数据代码
import 'package:pinvault/shared/models/banklistmodel.dart'; List bankList = [ BankListModel( bank: 'ABC Bank', img: 'https://cdn-icons-png.flaticon.com/512/66/66455.png', updated: '29 Dec 2022'), BankListModel( bank: 'DEF Bank', img: 'https://cdn-icons-png.flaticon.com/512/66/66455.png', updated: '22 Nov 2022'), BankListModel( bank: '123 Bank', img: 'https://cdn-icons-png.flaticon.com/512/66/66455.png', updated: '4 Dec 2022'), BankListModel( bank: 'XYZ Bank', img: 'https://cdn-icons-png.flaticon.com/512/66/66455.png', updated: '12 Oct 2022'), ];
模型代码
class BankListModel { String img; String bank; String updated; BankListModel({ required this.img, required this.bank, required this.updated, }); }
ListView.builder代码
import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter/src/widgets/container.dart'; import 'package:flutter/src/widgets/framework.dart'; import 'package:pinvault/shared/data/dummydata.dart'; class BankList extends StatelessWidget { const BankList({super.key}); @override Widget build(BuildContext context) { return ListView.builder( itemCount: bankList.length, scrollDirection: Axis.vertical, shrinkWrap: false, itemBuilder: (context, index) { print(index); return ListTile( visualDensity: VisualDensity.adaptivePlatformDensity, tileColor: Colors.grey, dense: false, shape: const Border(bottom: BorderSide()), subtitle: Text('Last Updated On: ${bankList[index].updated}'), title: Text( bankList[index].bank, style: const TextStyle(fontWeight: FontWeight.bold), ), leading: ClipRRect( borderRadius: BorderRadius.circular(5), child: Image.network(bankList[index].img, height: 80, width: 80, fit: BoxFit.contain), ), ); }); } }
内容的提问来源于stack exchange,提问作者Arun-
相关产品推荐
相关产品推荐

