Flutter：滚动期间调用函数

Question

我有一个滚动控制器，它检查滚动位置是否超过阈值，然后调用函数：

final _scrollController = ScrollController();
final _scrollThreshold = 200.0;
_scrollController.addListener(_onScroll);

void _onScroll() {
  final maxScroll = _scrollController.position.maxScrollExtent;
  final currentScroll = _scrollController.position.pixels;
  if (maxScroll - currentScroll <= _scrollThreshold) {
    dummyFunction();
  }
}

目前， dummyFunction()被多次调用，如何确保它会被调用一次？

Answer 1

我不确定您想要达到的确切目标，但我认为您可以使用controller.position ，它是可滚动的当前可见段。 此变量包含有关其在可滚动内容中的位置的信息，例如extentBefore和extentAfter 。 extentAfter表示可用的剩余滚动空间，因此您可以执行以下操作来触发您的功能：

  void _onScroll() {
    if (controller.position.extentAfter < someThreshold) {
      _dummyFunction()
    }
  }

Answer 2

使用boolean存储函数是否被调用：

final _scrollController = ScrollController();
final _scrollThreshold = 200.0;
_scrollController.addListener(_onScroll);
final _hasReachedPoint = false;

void _onScroll() {
  final maxScroll = _scrollController.position.maxScrollExtent;
  final currentScroll = _scrollController.position.pixels;
  if (maxScroll - currentScroll <= _scrollThreshold && !_hasReachedPoint) {
    _hasReachedPoint = true;
    dummyFunction();
  }
}