SingleChildScrollView内部PageView

Question

我的底部导航有四个不同的选项卡，其中一个选项卡(最后一个)是一个SingleChildScrollView。我想我可以点击图标在底部导航，也可以滚动的应用程序。这很好，只有最后一个选项卡带来了很多麻烦:我的问题是，当我向下滚动到SingleChildScrollView (最后一个选项卡)时，我不能再滚动到它上面的选项卡了。这就是我的PageView (它是身体)的样子：

      body: PageView(
        scrollDirection: Axis.vertical,
        onPageChanged: (page) {
          setState(
            () {
              _selectedIndex = page;
            },
          );
        },
        controller: _controller,
        children: [
          Home(),
          Games(),
          Shop(),
          AboutUs(),
        ],
      ),
    );
  }

这就是我的Tab (AboutUs())的样子：

  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      scrollDirection: Axis.vertical,
      physics: BouncingScrollPhysics(),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
           // In there are many many children (Containers, etc. :))
        ],
      ),
    );
  }

对不起，我解释得不好，希望有人能帮上忙！谢谢！:)

Answer 1

一种可能的方法是用如下所示的SingleChildScrollView封装NotificationListener：

class AboutUs extends StatelessWidget {

  final PageController pageController;
  const AboutUs({Key? key, required this.pageController}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return NotificationListener<ScrollUpdateNotification>(
      onNotification: (notification) {
        if (pageController.page == 3) {
          if (notification.metrics.pixels < -50) {
            pageController.previousPage(duration: const Duration(milliseconds: 200), curve: Curves.ease);
          }
        }
        return false;
      },
      child: SingleChildScrollView(
        scrollDirection: Axis.vertical,
        physics: const BouncingScrollPhysics(),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            // In there are many many children (Containers, etc. :))
          ],
        ),
      )
    );
  }
}

请注意，您需要将您的PageController传递给AboutUs Widget，以便您可以返回到上一页。