Flutter InAppWebView 路由导航处理

flutter InAppWebView路由导航处理,有以下两种处理方案:

  1. H5层控制路由,H5拥有自己的路由,当返回到跟路由root时,此时点击跟节点,通过jsbridge调用flutter提供的方法来关闭当前widget,flutter关闭方法如下:

    Dart 复制代码
    value.addJavaScriptHandler(
        handlerName: "closeInAppWebView",
        callback: (args) {
          //关闭当前widget  
          Navigator.pop(context);
        });
  2. flutter层控制路由,通过InAppWebViewController中canGoBack()判断是否可以返回,可以返回调用goBack(),否则关闭当前widget。代码如下:

    Dart 复制代码
    if (await inAppWebViewController!.canGoBack()) {
        //返回路由上一层
        inAppWebViewController!.goBack();
    } else {
        //关闭当前widget
        Navigator.pop(context);
    }
相关推荐
愚者Pro1 天前
Flutter Widget组件学习(专为 Uniapp 转 Flutter 定制)
vue.js·学习·flutter·uni-app
Flynt1 天前
升级Flutter 3.44,我踩了HCPP和AGP 9的坑
android·flutter·dart
程序员老刘1 天前
Flutter 3.44 更新要点:很重要但暂时先别升级
flutter·ai编程·客户端
程序员老刘·1 天前
Flutter版本选择指南:3.44惊艳发布但需观望 | 2026年5月
flutter·ai编程·跨平台开发·客户端开发
●VON1 天前
鸿蒙Flutter实战:Emoji心情选择器组件
flutter·华为·harmonyos
●VON1 天前
鸿蒙Flutter实战:列表延时错峰入场动画
flutter·华为·harmonyos
测试开发-学习笔记1 天前
从0开始搭建自动化(二)-flutter
运维·flutter·自动化
●VON1 天前
鸿蒙Flutter实战:零依赖手写日历热力图
flutter·华为·harmonyos
雪铃儿1 天前
改一张图等三天审核:flutter_patcher 0.1.3 给资源热更也开了口子
android·flutter
●VON1 天前
鸿蒙Flutter实战:从零手写滑动操作组件替代Dismissible
flutter·华为·harmonyos