loadmore_listview 1.0.2 copy "loadmore_listview: ^1.0.2" to clipboard
loadmore_listview: ^1.0.2 copied to clipboard

An Listview with the Load more item and refresh

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:loadmore_listview/loadmore_listview.dart';
import 'dart:math';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool _hasNext = true;
  List<String> list = [];
  final _chars = 'AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz';
  final Random _rnd = Random();

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) => getList());
  }

  @override
  Widget build(BuildContext context) {


    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Load More and Refresh'),
        ),
        body: Column(
          children: [
            Expanded(
              child: LoadMoreListView.separated(
                haveMoreItem: _hasNext,
                onLoadMore: loaMoreList,
                onRefresh: refreshList,
                refreshBackgroundColor: Colors.blueAccent,
                refreshColor: Colors.white,
                loadMoreWidget: Container(
                  margin: const EdgeInsets.all(20.0),
                  alignment: Alignment.center,
                  child: const CircularProgressIndicator(
                    valueColor: AlwaysStoppedAnimation(Colors.blueAccent),
                  ),
                ),
                itemCount: list.length,
                itemBuilder: (context, index) {
                  return Container(
                    margin: const EdgeInsets.all(30),
                    width: double.infinity,
                    alignment: Alignment.center,
                    child: Text(list[index]),
                  );
                },
                separatorBuilder: (context, index) {
                  return const Divider();
                },
              ),
            )
          ],
        ),
      ),
    );
  }

  Future getList() async {
    list.clear();
    setState(() {
      for (int i = 0; i < 20; i++) {
        list.add(getRandomString(10));
      }
    });
  }

  Future refreshList() async {
    list.clear();
    await loaMoreList();
  }

  Future loaMoreList() async {
    await Future.delayed(const Duration(seconds: 1));//await API Response
    setState(() {
      for (int i = 0; i < 20; i++) {
        list.add(getRandomString(10));
      }
      _hasNext = list.length < 100;
    });
  }

  String getRandomString(int length) => String.fromCharCodes(
      Iterable.generate(length, (_) => _chars.codeUnitAt(_rnd.nextInt(_chars.length))));
}
20
likes
0
pub points
89%
popularity

Publisher

verified publisherstevenhsiao.dev

An Listview with the Load more item and refresh

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter

More

Packages that depend on loadmore_listview