时间戳

首页 > 解决方案 > Flutter 使用 ScrollController 检测用户滚动

flutter - Flutter 使用 ScrollController 检测用户滚动

问题描述

项目

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

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,
          ),
        );
      },
    ));
  }
}

问题

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

标签： flutter

解决方案

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

将脚手架包裹在 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;
      },
    );
  }
}

推荐阅读