Flutter iOS 侧滑返回手势冲突处理

Flutter 接入iOS原生会存在flutter 在二级页面侧滑返回直接回到 App 的情况,具体原因是因为 iOS 和 Flutter 同时接受到侧滑返回的手势,所以两者同时触发侧滑返回。

我们的解决方案是 Flutter 监听Navigator 的事件,通知原生是否开启原生的侧滑返回事件,具体看代码:

/// 在 main.dart 中的MaterialApp/WidgetsApp/CupertinoApp中设置navigatorObservers,实现对导航的监听
class MyApp extends StatelessWidget {
  const MyApp({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      navigatorObservers: [XXRouteObserver()],
    );
  }
}

/// 自定一个NavigatorObserver,用于监听 Route 事件
class XXRouteObserver extends NavigatorObserver {

  @override
  void didPush(Route route, Route? previousRoute) {
    _onRouteChange(route);
  }

  @override
  void didPop(Route route, Route? previousRoute) {
    _onRouteChange(route);
  }

  @override
  void didReplace({Route? newRoute, Route? oldRoute}) {
    _onRouteChange(newRoute);
  }

  @override
  void didRemove(Route route, Route? previousRoute) {
    _onRouteChange(route);
  }

  void _onRouteChange(Route? route) {
    /// 在这里去告诉原生是否可以开启侧滑返回手势
    /// 当canPop()为 true 时说明导航处于二级或多级界面,此时原生需要禁止原生的侧滑返回
    /// 当canPop()为 false 时说明导航处于一级界面,此时原生需要打开原生的侧滑返回
    print('是否可以返回:${route?.navigator?.canPop()}');

  }

}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。