1. 下拉刷新需要用到RefreshIndicator组件，为属性onRefresh设置下拉时触发的方法即可
    2. 上拉加载关键是用ListView的控制器来实现
      1. // 1. 定义滑动控制器变量
      2. ScrollController _msgCtrl = ScrollController();
      3. // 2. 在初始化勾子中添加下拉监听
      4. @override
      5. void initState() {
      6. super.initState();
      7. _msgCtrl.addListener(() {
      8.  if (_msgCtrl.position.pixels == _msgCtrl.position.maxScrollExtent) { // 下拉触发条件
      9.    _loadMore();
      10.  }
      11. });
      12. }
      13. // 3. 在ListView中使用
      14. ListView.builder(
      15. itemCount: msgData.length + 1,
      16. physics: const AlwaysScrollableScrollPhysics(),
      17. controller: _msgCtrl,
      18. itemBuilder: (context, index) {
      19.  if (index == msgData.length) {
      20.    return loadMoreBottom(hasMore);
      21.  } else {
      22.    return msgItem(msgData[index]);
      23.  }
      24. },
      25. )

    完整代码如下：

    1. import 'package:flutter/material.dart';
    2. import 'package:annotation_route/route.dart';
    3. import 'package:doctor_admin/config/common.dart';
    4. import 'package:doctor_admin/route/route.dart';
    6. @ARoute(url: 'page://myMsg/myMsg')
    7. class MyMsg extends StatefulWidget {
    8.   final dynamic option;
    9.   MyMsg(this.option);
    10.   MyMsgState createState() => MyMsgState();
    11. }
    13. class MyMsgState extends State<MyMsg> {
    14.   int page = 0;
    15.   List msgData = [];
    16.   bool hasMore = true, isLoading = false;
    17.   ScrollController _msgCtrl = ScrollController();
    19.   Future _loadMore() async{
    20.     if(isLoading || !hasMore) return;
    21.     setState(() {
    22.       isLoading = true;
    23.     });
    24.     List newMsgs;
    25.     page++;
    26.     final res = await request(context, '/api/news/news_list', 'GET', params: {'page': page, 'size': 10});
    27.     setState(() {
    28.       isLoading = false;
    29.     });
    30.     if(res == null) return;
    31.     hasMore = res.data['data']['hasNextPage'];
    32.     newMsgs = res.data['data']['list'];
    33.     printWrapped(newMsgs.toString());
    34.     if(page > 1) {
    35.       msgData.addAll(newMsgs);
    36.     }else {
    37.       msgData = newMsgs;
    38.     }
    39.     setState(() {
    40.       page = page;
    41.       hasMore = hasMore;
    42.       // msgData = result;
    43.     });
    44.   }
    45.   Future _refresh() async {
    46.     if(isLoading) return;
    47.     // msgData.clear();
    48.     setState(() {
    49.       page = 0;
    50.       hasMore = true;
    51.     });
    52.     await _loadMore();
    53.   }
    54.   String getSimpleText(html){
    55.     var re1 = new RegExp("<.+?>");//匹配html标签的正则表达式，"g"是搜索匹配多个符合的内容
    56.     var msg = html.replaceAll(re1,'');//执行替换成空字符
    57.     return msg;
    58.   }
    60.   @override
    61.   void initState() {
    62.     super.initState();
    63.     _loadMore();
    64.     _msgCtrl.addListener(() {
    65.       if (_msgCtrl.position.pixels == _msgCtrl.position.maxScrollExtent) {
    66.         _loadMore();
    67.       }
    68.     });
    69.   }
    71.   Widget msgItem(item) {
    72.     return ClickView(
    73.       onTap: () {
    74.           Navigator.of(context).push(MaterialPageRoute(builder: (BuildContext context){
    75.           return AppRoute.getPage('page://myMsg/myMsgDetail', {'msgId': item['id']});
    76.         }));
    77.       },
    78.       margin: EdgeInsets.only(top: setSize(20)),
    79.       color: Colors.white,
    80.       radius: setSize(8),
    81.       child: Container(
    82.         height: setSize(200),
    83.         padding: EdgeInsets.fromLTRB(setSize(18), setSize(20), setSize(20), setSize(18)),
    84.         child: Column(
    85.           mainAxisAlignment: MainAxisAlignment.spaceBetween,
    86.           crossAxisAlignment: CrossAxisAlignment.center,
    87.           children: <Widget>[
    88.             Text(item['createTime'], style: TextStyle(color: Color(0xffcccccc), fontSize: setFont(22), fontWeight: FontWeight.w400, height: 15/11),),
    89.             Row(
    90.               mainAxisAlignment: MainAxisAlignment.spaceBetween,
    91.               crossAxisAlignment: CrossAxisAlignment.center,
    92.               children: <Widget>[
    93.                 Container(
    94.                   width: setSize(564),
    95.                   height: setSize(84),
    96.                   child: Column(
    97.                     mainAxisAlignment: MainAxisAlignment.spaceBetween,
    98.                     crossAxisAlignment: CrossAxisAlignment.start,
    99.                     children: <Widget>[
    100.                       Padding(
    101.                         padding: EdgeInsets.only(left: setSize(22)),
    102.                         child: Text(item['title'], style: TextStyle(color: Color(0xff4a4a4a), fontSize: setFont(28), fontWeight: FontWeight.w500, height: 20/14), maxLines: 1, overflow: TextOverflow.ellipsis,),
    103.                       ),
    104.                       Row(
    105.                         mainAxisAlignment: MainAxisAlignment.spaceBetween,
    106.                         crossAxisAlignment: CrossAxisAlignment.center,
    107.                         children: <Widget>[
    108.                           Container(
    109.                             width: setSize(14),
    110.                             height: setSize(14),
    111.                             decoration: BoxDecoration(
    112.                               borderRadius: BorderRadius.circular(setSize(7)),
    113.                               color: Colors.transparent
    114.                             ),
    115.                           ),
    116.                           SizedBox(width: setSize(10),),
    117.                           Expanded(
    118.                             child: Text(getSimpleText(item['content']), style: TextStyle(color: Color(0xff666666), fontSize: setFont(22), fontWeight: FontWeight.w500, height: 16/11), maxLines: 1, overflow: TextOverflow.ellipsis,),
    119.                           )
    120.                         ],
    121.                       )
    122.                     ],
    123.                   ),
    124.                 ),
    125.                 nextPageArr()
    126.               ],
    127.             )
    128.           ],
    129.         ),
    130.       ),
    131.     );
    132.   }
    134.   @override
    135.   Widget build(BuildContext context) {
    136.     return Scaffold(
    137.       appBar: AppBar(
    138.         centerTitle: true,
    139.         title: Text('我的消息', style: TextStyle(color: Color(0xff4a4a4a), fontSize: setFont(32), fontWeight: FontWeight.w500)),
    140.         leading: goBackArr(context, isBlack: true),
    141.         elevation: 0,
    142.       ),
    143.       body: Container(
    144.         width: setFullWidth(context),
    145.         height: setFullHeight(context),
    146.         padding: EdgeInsets.symmetric(vertical: 0, horizontal: setSize(32)),
    147.         color: Color(0xffF9F9F9),
    148.         child: RefreshIndicator(
    149.           onRefresh: _refresh,
    150.           child: msgData.length > 0 ? ListView.builder(
    151.             itemCount: msgData.length + 1,
    152.             physics: const AlwaysScrollableScrollPhysics(),
    153.             controller: _msgCtrl,
    154.             itemBuilder: (context, index) {
    155.               if (index == msgData.length) {
    156.                 return loadMoreBottom(hasMore);
    157.               } else {
    158.                 return msgItem(msgData[index]);
    159.               }
    160.             },
    161.           ) : (isLoading ? 
    162.           LoadingView(context: context,) : 
    163.           blankView(context, getAssetImage('blank_msg.png'), '暂无消息哦～'))
    164.         ),
    165.       )
    166.     );
    167.   }
    168. }