Flutter InappWebView中flutterInAppWebViewPlatformReady事件未触发求助

核心问题排查 #

你的代码中存在两个关键问题导致flutterInAppWebViewPlatformReady事件未触发：

• 未启用JavaScript支持：WebView默认未开启JS执行权限，导致所有JS逻辑无法运行
• HTML加载时机过早：在WebView初始化未完成时就加载HTML，JS环境还未准备好，事件监听无法正常注册

修复步骤 #

1. 启用JavaScript支持 #

修改InAppWebViewGroupOptions的跨平台配置，添加javascriptEnabled: true：

crossPlatform: InAppWebViewOptions(
  useShouldOverrideUrlLoading: true,
  mediaPlaybackRequiresUserGesture: false,
  javascriptEnabled: true, // 必须开启才能执行JS代码
),

2. 调整HTML加载时机 #

将loadForm()的调用从onWebViewCreated移到onLoadStop回调中，确保WebView完全初始化后再加载HTML：

onLoadStop: (controller, uri) {
  // 确认about:blank页面加载完成后再加载表单
  if (uri.toString() == 'about:blank') {
    loadForm();
  }
},

同时移除onWebViewCreated方法内的loadForm()调用。

3. 完善HTML调试日志（可选但推荐） #

在HTML的JS代码中添加日志，方便通过onConsoleMessage查看执行状态：

<script>
    let isAppReady = false;
    window.addEventListener("flutterInAppWebViewPlatformReady", function (event) {
        isAppReady = true;
        console.log("Flutter WebView平台已就绪");
    });
    
   function buttonClick() {
    console.log("按钮被点击，isAppReady状态：" + isAppReady);
    if (isAppReady) {
        window.flutter_inappwebview.callHandler('showToast', 'result');
    }
  }
</script>

4. 验证插件版本兼容性 #

确保flutter_inappwebview: ^5.7.1与你的Flutter版本兼容（该版本适配Flutter 2.x~3.x，若使用更高版本Flutter建议升级插件到最新稳定版）。

内容的提问来源于stack exchange，提问作者Arkaprabha Mahata