flutter - 如何在Flutter中浏览PageView？

Question

我试图通过将其封装在GestureDetector上，使PageView后面的窗口小部件可单击，但是它不起作用。

我还有其他方法可以做到这一点吗？

我的代码:

 new GestureDetector(
        behavior: HitTestBehavior.translucent,
        child: new PageView(
          controller: _pageController,
          children: _buildForegroundPages(),
        ),
      ),

Answer 1

您需要的是将每个页面都用PageView包裹在GestureDetector中，就像这样。

  PageView(
        children: [
          //Page1

          GestureDetector(
            onTap: () {
              print("Click page1");

              Navigator.of(context).push(MaterialPageRoute(
                builder: (context) => NewPage()
              ));

            },
            child: Container(
              color: Colors.red,
              child: Center(
                child: Text("text 1"),
              ),
            ),
          ),

          //Page2
          GestureDetector(
              onTap: () {
                print("Click page2");
              },
              child: Container(
                color: Colors.blue,
                child: Center(
                  child: Text("text 1"),
                ),
              )),

          //Page3
          GestureDetector(
              onTap: () {
                print("Click page3");
              },
              child: Container(
                color: Colors.green,
                child: Center(
                  child: Text("text 1"),
                ),
              )),
        ],
      );