Flutter下拉刷新上拉加载

下拉刷新，有官方widget——RefreshIndicator
直接套在需要加刷新功能的 widget 外面就可以了：

@override
Widget build(BuildContext context) {
  return Scaffold(
      body: RefreshIndicator(
    onRefresh: _loadData,
    child: getBody(),
  ));
}

onRefresh是下拉时调用的方法

刷新方法：

Future<Null> _loadData() async {
  try {
    Response response = await Dio().post('http://我是api',
        data: {'key': 'value'},
        options: new Options(
            contentType:
                ContentType.parse("application/x-www-form-urlencoded")));
    setState(() {
      if (showMore) {//上拉加载
        dataArr.addAll(response.data['data']);
      } else {
        dataArr.clear();
        dataArr = response.data['data'];
      }

      showMore = false;
    });
  } catch (e) {
    print(e);
  }
}

上拉加载官方没有提供，需要用 ScrollController 监控列表滚动：

List dataArr = [];
bool showMore = false; //是否上拉加载

ScrollController _scrollController = ScrollController();
  
@override
void initState() {
  super.initState();
  _scrollController.addListener(() {
    if (_scrollController.position.pixels ==
        _scrollController.position.maxScrollExtent) {
      print('上拉加载');
      setState(() {
        showMore = true;
      });
      _loadData();
    }
  });
  _loadData();
}

@override
void dispose() {
  _scrollController.dispose();//监听器不用了要横着放
  super.dispose();
}