Flutter:动态列表与ListViewbuilder的使用

最新推荐文章于 2024-04-17 22:05:38 发布

风曦Kisaki

最新推荐文章于 2024-04-17 22:05:38 发布

阅读量1.6k

点赞数

文章标签： flutter android

本文链接：https://blog.csdn.net/weixin_46136019/article/details/129473110

版权

这篇博客介绍了如何在Flutter中使用ListViewbuilder组件动态显示一个包含标题、作者和图片的列表。通过遍历ListMap数据结构，展示了如何构建一个包含多个item的列表，每个item包含标题、作者信息及对应的图片链接。

摘要由CSDN通过智能技术生成

我们可以通过遍历一个List的方式实现一个列表，就像这样：

import 'package:flutter/material.dart';

class MyApp_ListViewLearn_2 extends StatelessWidget {
   
  @override
  Widget build(BuildContext context) {
   
    // TODO: implement build
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Flutter Demo')),
        body: HomeContent(),
      ),
    );
  }
}

class HomeContent extends StatelessWidget {
   

  //自定义方法
  List<Widget> _getDate() {
   
    return [
      ListTile(
        title: Text('我是一个列表'),
      ), ListTile(
        title: Text('我是一个列表'),
      ), ListTile(
        title: Text('我是一个列表'),
      ), ListTile(
        title: Text('我是一个列表'),
      ),
    ];
  }

  @override
  Widget build(BuildContext context) {
   
    return ListView(
      children: this._getDate(),
    );
  }
}

那么实现动态列表的一个思路，我们可以通过for循环list来实现

import 'package:flutter/material.dart';

class MyApp_ListViewLearn_2 extends StatelessWidget {
   
  @override
  Widget build(BuildContext context) {
   
    // TODO: implement build