Question

我正在使用Flutter开发图书应用。我正在使用每一页的浏览量显示书页。问题是，当用户在最后一页上向左滑动时，我应该从数据库中加载下一章以及章标题。反之亦然，在上一章的首页上向右滑动即可。那么如何在第一页或最后一页中找到该用户并向左或向右滑动？

Answer 1

我使用OverscrollIndicatorNotification解决了它。带有章节和子章节。

    return new Container(
    child: NotificationListener<OverscrollIndicatorNotification>(
        onNotification: ((notification) {
          print(notification.toString());
          if (notification is OverscrollIndicatorNotification) {
            if (notification.depth == 0 ||_listOfCat.indexOf(_category)==0) {
              int index = _listOfSubCat.indexOf(_subCategory);
              if (notification.leading) {
                if (index != 0) {
                  setSubCatId(_listOfSubCat[index - 1]);
                } else {
                  index = _listOfCat.indexOf(_category);
                  if (index != 0) {
                    setCatId(_listOfCat[index - 1]);
                  }
                }
              } else {
                if (index != _listOfSubCat.length - 1) {
                  setSubCatId(_listOfSubCat[index + 1]);
                } else {
                  index = _listOfCat.indexOf(_category);
                  if (index != _listOfCat.length - 1) {
                    setCatId(_listOfCat[index + 1]);
                  }
                }
              }
            }
          }
          return true;
        }),
        child: _pageView=PageView(
          ....
        )
    ));

Answer 2

您可以通过将onPageChanged方法index与您的collection.length进行比较来检查它是否是第一页的最后一页，

PageView(
  onPageChanged: (index) {
    if (index + 1 == myCollection.length) {
      loadNextChapter();
    } else if (index == 0) {
      loadPreviousChapter();
    }
  },
);

编辑1：

使用GestureDetector：

PageView mPageView = PageView(
  onPageChanged: (index) {
    if (index + 1 == myCollection.length) {
      hasReachedEnd = true;
    } else if (index == 0) {
      hasReachedFirst = true
    } else {
      hasReachedFirst = false
      hasReachedEnd = false
    }
  },
);

GestureDetector mGestureDetector = GestureDetector(
  child: mPageView
  onHorizontalDragEnd: (dragEndDetails) {
    if (dragEndDetails.primaryVelocity < 0 && hasReachedStart) {
      loadPreviousChapter(); //if you want to go to the next page once fetched you can do so by adding .then()
    } else if (dragEndDetails.primaryVelocity > 0 && hasReachedEnd) {
      loadNextChapter();
    }
  }
);

每当我们向左或向右滚动时，我们都会检查我们要朝哪个方向滑动，以及是否在项目列表的末尾或开头。

每当我们滚动到一个新页面时，我们都会检查我们是在项目的结尾还是开头。

将这些结合使用将为您带来理想的效果。

网页浏览量波动：查找首页和末页以及滑动方向

2 个答案: