You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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-

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.05 07:31:05