Flutter WillPopScope在iOS系统上无法手势返回

最新推荐文章于 2025-06-10 14:17:01 发布

原创最新推荐文章于 2025-06-10 14:17:01 发布 · 1.4k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#ios #flutter #手势 #划动返回 #WillPopScope

本文介绍了如何在Flutter中使用WillPopScope和GestureDetector来防止在MaterialPageRoute上进行右滑返回，通过检测iOS设备上的左滑手势并在符合条件时调用onWillPop方法实现单向导航。

WillPopScope prevents swipe to go back on MaterialPageRoute

Add a MaterialPageRoute to your app's page stack

return new MaterialPageRoute<Null>(
  settings: settings,
  builder: (BuildContext context) => new StoryPage(itemId: itemId),
);

Wrap that page's Scaffold in a WillPopScope widget

return new WillPopScope(
  onWillPop: () async {
    return true;
  },
  child: new Scaffold(
    …
  ),
);

Try to swipe to go back on iOS. The page won't swipe.

我的优化，可以让手势在左边划起才生效

Platform.isIOS
    ? GestureDetector(
        onHorizontalDragUpdate: (details) {
          if (details.delta.dx > 3  && details.localPosition.dx < 50) {
            onWillPop!.call();
          }
        },
        child: WillPopScope(
          onWillPop: onWillPop,
          child: contextScaffold(),
        ),
      )
    : WillPopScope (
        onWillPop:onWillPop,
        child: contextScaffold(),
      );