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()}');
}
}