卡在堆栈中不可点击

Question

我正在关注https://github.com/devefy/Flutter-Story-App-UI 来构建一些 UI 组件，但我似乎无法使卡片可点击。

PageView 构建器应该操纵 currentPage 值以更改页面，但 PageView 构建器位于堆栈顶部并阻止其下的所有 GestureDetector。

我想不出任何解决方案，感谢您的帮助。

PageController cardController =
        PageController(initialPage: images.length - 1);

cardController.addListener(() {
      setState(() {
        currentPage = cardController.page;
      });
    });

Stack(
      children: <Widget>[
          StackedCards(currentPage,postList),
          Positioned.fill(
              child: PageView.builder(
                         itemCount: images.length,
                         controller: cardController,
                         reverse: true,
                         itemBuilder: (context, index) {
                         return Container();
                      },
                    ),
                  )
                ],
              )

Answer 1

一些可点击的小部件：GestureDetector, InkWell, InkResponse

  GestureDetector(
      onTap: ...,
      child: Stack(
          children: <Widget>[
              StackedCards(currentPage,postList),
              Positioned.fill(
                  child: PageView.builder(
                             itemCount: images.length,
                             controller: cardController,
                             reverse: true,
                             itemBuilder: (context, index) {
                             return Container();
                          },
                        ),
                      )
                    ],
                  ));