page_four.dart 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. import 'package:easy_refresh/easy_refresh.dart';
  2. import 'package:flutter/material.dart';
  3. import 'package:flutter/rendering.dart';
  4. import 'package:ftrecruiter/modules/zdemo/list_item.dart';
  5. //Demo列表3,使用StatefulWidget+GetBuilder的方式 可以保存状态了,推荐使用
  6. class PageFour extends StatefulWidget {
  7. @override
  8. State<StatefulWidget> createState() {
  9. return _GoodsListPageState();
  10. }
  11. }
  12. class _GoodsListPageState extends State<PageFour>
  13. with AutomaticKeepAliveClientMixin<PageFour>, SingleTickerProviderStateMixin {
  14. List<String> _list = List.generate(10, (index) => "1234");
  15. int _page = 1;
  16. final int _maxPage = 10;
  17. //刷新控件控制器
  18. final EasyRefreshController _controller = EasyRefreshController(
  19. controlFinishRefresh: true,
  20. controlFinishLoad: true,
  21. );
  22. Future _onRefresh() async {
  23. // 设置两秒后关闭刷新,时间可以随便设置,根据项目需求,正常在请求成功后,也要关闭
  24. await Future.delayed(const Duration(seconds: 2), () {
  25. setState(() {
  26. _page = 1;
  27. _list = List.generate(10, (index) => "1234");
  28. // 控制器关闭刷新功能
  29. _controller.finishRefresh();
  30. _controller.resetFooter();
  31. });
  32. });
  33. }
  34. Future _loadMore() async {
  35. await Future.delayed(const Duration(seconds: 2), () {
  36. setState(() {
  37. _page++;
  38. _list.addAll(List.generate(10, (i) => "4567"));
  39. // 控制器关闭加载功能,还可以设置没有更多数据noMore
  40. _controller.finishLoad(IndicatorResult.success);
  41. });
  42. });
  43. }
  44. @override
  45. Widget build(BuildContext context) {
  46. return EasyRefresh(
  47. //创建的刷新控制器
  48. controller: _controller,
  49. //自定义刷新头
  50. // header: MaterialHeader(),
  51. // ClassicalHeader(
  52. // enableInfiniteRefresh: false,
  53. // float: false,
  54. // enableHapticFeedback: false,
  55. // refreshText: "pullToRefresh",
  56. // refreshReadyText: "releaseToRefresh",
  57. // refreshingText: "refreshing",
  58. // refreshedText: "refreshed",
  59. // refreshFailedText: "refreshFailed",
  60. // noMoreText: "noMore",
  61. // infoText: "updateAt %T",
  62. // ),
  63. //自定义刷新脚
  64. // footer: MaterialFooter(),
  65. // ClassicalFooter(
  66. // enableInfiniteLoad: true,
  67. // enableHapticFeedback: false,
  68. // loadText: "pushToLoad",
  69. // loadReadyText: "releaseToLoad",
  70. // loadingText: "loading",
  71. // loadedText: "loaded",
  72. // loadFailedText: "loadFailed",
  73. // noMoreText: "noMore",
  74. // infoText: "updateAt %T",
  75. // ),
  76. // CustomFootView(),
  77. onRefresh: _onRefresh,
  78. onLoad: _loadMore,
  79. // childBuilder: (BuildContext context, ScrollPhysics physics) {
  80. // return NestedScrollView(
  81. // physics: physics,
  82. // headerSliverBuilder: (context, innerBoxIsScrolled) {
  83. // return [
  84. // const HeaderLocator.sliver(clearExtent: false),
  85. // ];
  86. // },
  87. // body: ListView.builder(
  88. //
  89. // itemBuilder: (BuildContext context, int index) {
  90. // //Item布局
  91. // return ListTile(title: Text("$index"));
  92. // },
  93. // ));
  94. // },
  95. child: CustomScrollView(
  96. slivers: [
  97. SliverFixedExtentList( //或者直接用Sliver也是可以的,只是一个固定Item高度,一个不固定高度而已
  98. itemExtent: 100,
  99. delegate: SliverChildBuilderDelegate(
  100. (context, index) {
  101. return const ListItem(title: "index");
  102. },
  103. childCount: _list.length,
  104. ),
  105. ),
  106. ],
  107. ),
  108. );
  109. }
  110. @override
  111. bool get wantKeepAlive => true;
  112. }