Flutter - 如何同步两个或多个 PageController

Question

在 Flutter 中，我无法将相同的 PageController 分配给多个 PageView。所以需要使用两个或多个 PageController。

我需要同步我的 ViewPage，这样当我互相滑动时它也会滑动

如何同步两个或多个 PageController 或 PageView？

我想要的是每一个 PageView 都可以控制其他 PageView 无论哪张幻灯片都同步。

所以如果 a 有 A、B 和 C PageView 并且我滑动 A 然后 B 和 C 也滑动...如果我滑动 B 然后 A 和 C 幻灯片...等等。

Answer 1

可以引用https://github.com/braulio94/menu_flutter
诀窍是使用 NotificationListener 来监听 ScrollUpdateNotification
并比较两个页面

_backgroundPageController.page != _pageController.page

第 183 行的代码片段

new NotificationListener<ScrollNotification>(
          onNotification: (ScrollNotification notification) {
            if (notification.depth == 0 &&
                notification is ScrollUpdateNotification) {
              selectedIndex.value = _pageController.page;
              if (_backgroundPageController.page != _pageController.page) {
                _backgroundPageController.position
                    // ignore: deprecated_member_use
                    .jumpToWithoutSettling(_pageController.position.pixels /
                    _kViewportFraction);
              }
              setState(() {});
            }
            return false;
          }

完整代码
https://github.com/braulio94/menu_flutter/blob/master/lib/screens/pager.dart