如何最好地让我的滚动控制器在整个应用程序中可用？

Question

上下文：我的应用程序中将有几个可滚动列表，并且每当添加项目时我总是希望将它们滚动到最新项目。

问题：我的 ListView.builders 和添加项目的位置在我的小部件树中将相距很远。通过构造函数传递所有这些滚动控制器似乎非常尴尬。

我的解决方案：当我目前正在与 Provider 进行练习时，我想出了一个使用 Provider 的可行解决方案：

class ScrollControllerProvider with ChangeNotifier {
  ScrollController _paneController = ScrollController();
  //setting up all other controllers here later

  get paneController {
    return _paneController;
  }

  void scrollHistory() {
    WidgetsBinding.instance?.addPostFrameCallback((_) {
      if (_paneController.hasClients) {
        _paneController.jumpTo(_paneController.position.maxScrollExtent);
      }
    });
  }
}

我会将所有滚动控制器添加到该提供程序，并在需要的地方获取我需要的内容。它已经可以与一个一起使用，但 reddit 上的某人告诉我这不是一个好主意，因为滚动控制器应该被丢弃。我对生命周期这个话题还不是很了解，并且发现很难评估这一点。

问题：在这里使用Provider真的是一个坏主意吗？你能帮我理解为什么吗？如果是，解决这个问题的最佳方法是什么？

Answer 1

Provider

不是问题，在提供者内部使用一次性物品才是问题。

ScrollController

是与其主要

Widget

相关的一次性物品，或者更好地说是

State

。

如果您想通知小部件有关新添加的项目，请在提供程序内创建一个变量并在小部件中监听该变量，然后使用

ScrollController

更改位置。

要了解有关您问题的更多信息，请查看 ScrollController 类 和 Disposable 类

Answer 2

为了子孙后代，Payam Asefi 为我指明了正确的方向。

我现在是怎么做的。

tldr; Provider 包含一个可以切换的值和一个切换它的方法。我提供了还可以访问滚动控制器的值。如果它被切换，则使用滚动控制器。我提供了切换值的方法，将新项目添加到列表中。

添加项目 > 触发提供程序中的值 > 侦听器调用构建方法意识到值已更改 > 使用滚动控制器转到 maxscrollextend。

带有代码的长答案：

具有 a) 可以切换的 bool b) 切换 bool 的方法 c) bool 的 getter 的提供者

代码：

class ScrollControllerToggles with ChangeNotifier {
  bool _historyPaneSwitch = true;

  get getTogglePaneSwitch {
    return _historyPaneSwitch;
  }

  void toggleHistoryPane() {
    _historyPaneSwitch = !_historyPaneSwitch;
    notifyListeners();
  }
}

在小部件中，我使用 Listview.builder：a）我定义一个滚动控制器，b）我使用依赖于该提供程序内的 _historyPaneSwitch 的函数。该函数还使用滚动控制器将列表滚动到末尾。

    void triggerScrollController() {
  bool scrollHistoryPane =
      Provider.of<ScrollControllerToggles>(context).getTogglePaneSwitch;
  WidgetsBinding.instance?.addPostFrameCallback((_) {
    if (paneController.hasClients) {
      paneController.jumpTo(paneController.position.maxScrollExtent);
    }
  });
}

在向列表添加新项目的小部件中，我再次访问提供程序并获取切换“_historyPaneSwitch”的方法。

    Function scrollHistoryPane =
    Provider.of<ScrollControllerToggles>(context).toggleHistoryPane;

    void dayChange(Function scrollHistoryPane) {
    mainElementList.insert(0, MainElement(false, DateTime.now().toString()));
    scrollHistoryPane;
  }

Answer 3

最终控制器 = Provider.of(context).controller;

final closeTopContainers=      Provider.of<ScrollControllerProvider> 
(context).closeTopContainer;
get the value from provider 
ScrollControllerProvider.dart
import 'package:flutter/cupertino.dart';

class ScrollControllerProvider extends ChangeNotifier {
ScrollController _controller = ScrollController();
bool _closeTopContainer = true;
ScrollController get controller => _controller;
bool get closeTopContainer => _closeTopContainer;
ScrollControllerProvider() {
_controller.addListener(handleScroll);

notifyListeners();

}

bool handleScroll() {


if (controller.offset == controller.position.minScrollExtent) {
  print("${controller.offset} minScrollExtent");
  _closeTopContainer = true;
} else if (controller.offset >= controller.position.maxScrollExtent) {
  print("${controller.offset} maxScrollExtent ");
  _closeTopContainer = false;
} 


notifyListeners();

 return _closeTopContainer;
}
}