add pagination for pages

lib/pages/fcs_shipment/fcs_shipment_list.dart

@@ -4,10 +4,12 @@ import 'package:fcs/pages/widgets/local_popup_menu_button.dart';
 import 'package:fcs/pages/widgets/local_popupmenu.dart';
 import 'package:fcs/pages/widgets/local_text.dart';
 import 'package:fcs/pages/widgets/progress.dart';
+import 'package:fcs/pagination/paginator_listview.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 
+import '../../domain/entities/fcs_shipment.dart';
 import 'fcs_shipment_editor.dart';
 import 'fcs_shipment_list_row.dart';
 
@@ -18,18 +20,21 @@ class FcsShipmentList extends StatefulWidget {
 
 class _FcsShipmentListState extends State<FcsShipmentList> {
   bool _isLoading = false;
-  var _controller = ScrollController();
+  int _selectedIndex = 1;
 
   @override
   void initState() {
     super.initState();
+    _init();
+  }
 
-    _controller.addListener(() async {
-      if (_controller.position.pixels == _controller.position.maxScrollExtent) {
-        Provider.of<FcsShipmentModel>(context, listen: false).loadMore();
-      }
-    });
-    Provider.of<FcsShipmentModel>(context, listen: false).initData();
+  _init() {
+    var model = context.read<FcsShipmentModel>();
+    _selectedIndex = model.selectedIndex;
+    model.loadFcsShipments(_selectedIndex);
+    if (mounted) {
+      setState(() {});
+    }
   }
 
   @override
@@ -47,9 +52,12 @@ class _FcsShipmentListState extends State<FcsShipmentList> {
             textKey: "FCSshipment.popupmenu.shipped",
             selected: shipmentModel.selectedIndex == 2)
       ],
-      popupMenuCallback: (p) => this.setState(() {
-        shipmentModel.selectedIndex = p.id;
-      }),
+      popupMenuCallback: (p) {
+        setState(() {
+          _selectedIndex = p.id;
+        });
+        context.read<FcsShipmentModel>().onChanged(_selectedIndex);
+      },
     );
 
     return LocalProgress(
@@ -67,51 +75,17 @@ class _FcsShipmentListState extends State<FcsShipmentList> {
               actions: [popupMenu],
             ),
             floatingActionButton: FloatingActionButton.extended(
-              onPressed: () {
-                _newShipment();
-              },
-              icon: Icon(Icons.add),
-              label: LocalText(context, "FCSshipment.add", color: Colors.white),
-              backgroundColor: primaryColor,
-            ),
-            body: Column(
-              children: <Widget>[
-                Expanded(
-                  child: RefreshIndicator(
-                    child: ListView.separated(
-                        physics: AlwaysScrollableScrollPhysics(),
-                        controller: _controller,
-                        separatorBuilder: (context, index) => Divider(
-                              color: Colors.black,
-                              height: 1,
-                            ),
-                        scrollDirection: Axis.vertical,
-                        shrinkWrap: true,
-                        itemCount: shipmentModel.fcsShipments.length,
-                        itemBuilder: (BuildContext context, int index) {
-                          return FcsShipmentListRow(
-                              key: ValueKey(
-                                  shipmentModel.fcsShipments[index].id),
-                              shipment: shipmentModel.fcsShipments[index]);
-                        }),
-                    onRefresh: () => shipmentModel.refresh(),
-                  ),
-                ),
-                shipmentModel.isLoading
-                    ? Container(
-                        padding: EdgeInsets.all(8),
-                        color: primaryColor,
-                        child: Row(
-                          mainAxisAlignment: MainAxisAlignment.center,
-                          children: [
-                            Text("Loading...",
-                                style: TextStyle(color: Colors.white)),
-                          ],
-                        ),
-                      )
-                    : Container(),
-              ],
-            )));
+                onPressed: () {
+                  _newShipment();
+                },
+                icon: Icon(Icons.add),
+                label:
+                    LocalText(context, "FCSshipment.add", color: Colors.white),
+                backgroundColor: primaryColor),
+            body: PaginatorListView<FcsShipment>(
+                paginatorListener: shipmentModel.fcsShipments!,
+                rowBuilder: (p) => FcsShipmentListRow(shipment: p),
+                color: primaryColor)));
   }
 
   _newShipment() {