Flutter 使用 ScrollController 检测用户滚动

Question

项目

嗨，我正试图用我的自定义控制器和监听器构建一个简单的列表。 这是代码

class Test2 extends StatefulWidget {
  @override
  _Test2State createState() => _Test2State();
}

class _Test2State extends State<Test2> {
  ScrollController scrollController = ScrollController();

  @override
  void initState() {
    scrollController.addListener((){
      print('controller called');
    });
    super.initState();
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: ListView.builder(
          controller: scrollController,
      itemCount: 8,
      itemBuilder: (context, index) {
        return Padding(
          padding: const EdgeInsets.all(8.0),
          child: Container(
            color: Colors.white,
            height: 50,
          ),
        );
      },
    ));
  }
}

问题

我的代码按预期工作，但我试图检测用户的滑动，即使没有任何东西可以滑动。到目前为止，如果在调用用户滑动滚动侦听器时列表溢出屏幕，但是当项目列表短于屏幕大小时，则不会发生这种情况。 我怎样才能强迫听众总是听？

Answer 1

也许这段代码可以帮助你。

在 NotificationListener 上包装脚手架可以监听所有事件，即使 itemCount 为零

别忘了提供一个AlwaysScrollableScrollPhysics物理对象

import 'dart:math' as math;

import 'package:flutter/material.dart';

class TestPage extends StatefulWidget {
  @override
  _TestPageState createState() => _TestPageState();
}

class _TestPageState extends State<TestPage> {
  @override
  Widget build(BuildContext context) {
    final ScrollController scrollController = ScrollController();

    return NotificationListener(
      child: Scaffold(
        body: ListView.builder(
          controller: scrollController,
          physics: const AlwaysScrollableScrollPhysics(),
          itemCount: 0,
          itemBuilder: (context, index) {
            return Container(
              color: Colors.black,
              height: 50,
            );
          },
        ),
      ),
      onNotification: (notificationInfo) {
        if (notificationInfo is ScrollStartNotification) {
          print("scroll");
          print("detail:"+notificationInfo.dragDetails.toString());
          /// your code
        }
        return true;
      },
    );
  }
}

Answer 2

您必须将自定义滚动侦听器传递给函数：

scrollController.addListener(_scrollListener);

完成：

@override
  void initState() {
    scrollController.addListener(_scrollListener);
    super.initState();
}

以及您的自定义滚动监听器方法：

_scrollListener() {
    if (_controller.offset >= _controller.position.maxScrollExtent &&
        !_controller.position.outOfRange) {
      setState(() {
        message = "reach the bottom";
      });
    }
    if (_controller.offset <= _controller.position.minScrollExtent &&
        !_controller.position.outOfRange) {
      setState(() {
        message = "reach the top";
      });
    }
  }

来源：https://medium.com/@diegoveloper/flutter-lets-know-the-scrollcontroller-and-scrollnotification-652b2685a4ac