Flutter 下拉刷新，上拉加载更多组件

最新推荐文章于 2025-06-06 14:57:50 发布

转载最新推荐文章于 2025-06-06 14:57:50 发布 · 586 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5cdbc63b6fb9a0322c42b0f5

文章标签：

#移动开发

本文介绍了一款适用于Flutter应用的动态列表组件DynamicListView，该组件支持刷新和加载更多数据功能。通过实例展示了如何在项目中引入和使用此组件，包括初始化请求、数据请求和构建列表项的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接使用封装好的dartpackage组件简书

Dart Packages 搜索: dynamic_list_view

Dynamic List View

A list component that can refreshes and adds more data for Flutter App.

github

Installation

Add this to your package's pubspec.yaml file:

dependencies:
 dynamic_list_view: ^0.1.0
复制代码

Usage example

import 'package:dynamic_list_view/DynamicListView.dart';
import 'package:flutter/material.dart';
import 'dart:async';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Container(
          child: DynamicListView.build(
            itemBuilder: _itemBuilder,
            dataRequester: _dataRequester,
            initRequester: _initRequester,
          ),
        ),
      ),
    );
  }

  Future<List> _initRequester() async {
    return Future.value(List.generate(15, (i) => i));
  }

  Future<List> _dataRequester() async {
    return Future.delayed(Duration(seconds: 2), () {
      return List.generate(10, (i) => 15 + i);
    });
  }

  Function _itemBuilder = (List dataList, BuildContext context, int index) {
    String title = dataList[index].toString();
    return ListTile(title: Text("Number $title"));
  };
}
复制代码