Flutter ListView 触底加载

最新推荐文章于 2023-11-22 11:33:45 发布

原创

最新推荐文章于 2023-11-22 11:33:45 发布 · 995 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了如何在Flutter应用中使用ListView组件实现触底加载更多的功能，涵盖了必要的步骤和代码示例，帮助开发者提升用户体验。

import 'package:flutter/material.dart';
import 'package:bitsdojo_window/bitsdojo_window.dart';
import '../maillist/filterdialog.dart';

class MailListSide extends StatefulWidget {
  MailListSide({var key}) : super(key: key);

  _MialListState createState() => _MialListState();
}

class _MialListState extends State<MailListSide> {
  bool isLoading = false; //判断是否正在加载中避免多次加载
  //初始化加载内容
  List<ListTile> listData = List.generate(
      20,
      (index) => ListTile(
            // hoverColor: Colors.grey[200],
            leading: Icon(
              Icons.account_circle,
              size: 40,
            ),
            title: Text(
              "$index",
              style: TextStyle(fontSize: 20),
            ),
            subtitle: Text.rich(TextSpan(children: [
              TextSpan(
                text: "$index$index\n",
                style: TextStyle(fontSize: 15),
              ),
              TextSpan(
                  text: "$index$index$in