flutter - 如何在PageView内的TabBarView上“合并”滚动？

这可以通过使用PageController.postion属性的drag方法来实现，该方法在内部拖动ScrollPosition屏幕的。这样，用户可以像中途拖动一样直观地拖动页面，然后离开或完全继续。

这个想法是从另一篇文章中获得启发的，以使用OverScrollNotification，但是添加了更多的步骤来继续进行直观的拖动。

1. 用户开始滚动时，请收集DragstartDetail。
2. 监听OverScrollNotification并开始拖动，并同时使用drag.updateOverscrollNotification方法中的DragUpdateDetails 更新拖动。
3. 在ScrollEndNotification上取消拖动。

为了使想法简单，我仅粘贴“选项卡”页面的构建方法。

此 dart 垫提供了一个完整的示例。

  @override
  Widget build(BuildContext context) {
    // Local dragStartDetail.
    DragStartDetails dragStartDetails;
    // Current drag instance - should be instantiated on overscroll and updated alongside.
    Drag drag;
    return Column(
      children: <Widget>[
        TabBar(
          labelColor: Colors.green,
          indicatorColor: Colors.green,
          controller: _tabController,
          tabs: <Tab>[
            const Tab(text: "Dark"),
            const Tab(text: "Normal"),
            const Tab(text: "Light"),
          ],
        ),
        Expanded(
          child: NotificationListener(
            onNotification: (notification) {
              if (notification is ScrollStartNotification) {
                dragStartDetails = notification.dragDetails;
              }
              if (notification is OverscrollNotification) {
                drag = _pageController.position.drag(dragStartDetails, () {});
                drag.update(notification.dragDetails);
              }
              if (notification is ScrollEndNotification) {
                drag?.cancel();
              }
              return true;
            },
            child: TabBarView(
              controller: _tabController,
              children: <Widget>[
                Container(color: Colors.green[800]),
                Container(color: Colors.green),
                Container(color: Colors.green[200]),
              ],
            ),
          ),
        ),
      ],
    );
  }

旧答案

以上可能无法处理某些极端情况。如果您需要以下代码的更多控制，则可以提供相同的结果，但可以处理UserScrollNotification。我要粘贴此内容，因为它对其他想知道使用哪个方向滚动轴的人可能有用ScrollView。

              if (notification is ScrollStartNotification) {
                dragStartDetails = notification.dragDetails;
              }

              if (notification is UserScrollNotification &&
                  notification.direction == ScrollDirection.forward &&
                  !_tabController.indexIsChanging &&
                  dragStartDetails != null &&
                  _tabController.index == 0) {
                _pageController.position.drag(dragStartDetails, () {});
              }

              // Simialrly Handle the last tab.
              if (notification is UserScrollNotification &&
                  notification.direction == ScrollDirection.reverse &&
                  !_tabController.indexIsChanging &&
                  dragStartDetails != null &&
                  _tabController.index == _tabController.length - 1) {
                _pageController.position.drag(dragStartDetails, () {});
              }