当前位置: 首页>编程语言>正文

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, RoutepreviousRoute) {
    _onRouteChange(route);
  }

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

  @override
  void didReplace({RoutenewRoute, RouteoldRoute}) {
    _onRouteChange(newRoute);
  }

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

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

  }

}

https://www.xamrdz.com/lan/5qr2016545.html

相关文章: