Flutter Windows端如何在应用内打开网页并隐藏地址栏

一、优先使用跨平台方案：官方webview_flutter包 #

官方的webview_flutter目前已支持Windows、Android、iOS、macOS，完全可以替代你原有的flutter_inappwebview+url_launcher组合，统一处理全平台的内嵌网页需求，无需再写分平台判断代码。

1. 添加依赖 #

在pubspec.yaml中引入依赖：

dependencies:
  webview_flutter: ^4.4.0
  webview_flutter_windows: ^0.4.0 # Windows平台的底层实现依赖

2. 替换原有网页打开方法 #

把你原有的openBrowserOverlay方法替换为以下代码，直接实现内嵌网页且隐藏地址栏：

import 'package:webview_flutter/webview_flutter.dart';
import 'package:flutter/material.dart';

void openBrowserOverlay(BuildContext context, String url) {
  // 通过路由打开全屏WebView页面，不设置AppBar即可实现无地址栏效果
  Navigator.push(
    context,
    MaterialPageRoute(
      builder: (context) => Scaffold(
        body: WebView(
          initialUrl: url,
          javascriptMode: JavascriptMode.unrestricted, // 认证页面通常需要JS支持
          // 可选：添加自定义返回按钮优化体验
          // appBar: AppBar(
          //   leading: IconButton(
          //     icon: Icon(Icons.arrow_back),
          //     onPressed: () => Navigator.pop(context),
          //   ),
          // ),
        ),
      ),
    ),
  );
}

方案优势 #

• 一套代码覆盖全平台，减少维护成本
• 页面布局完全可控，通过Scaffold的配置轻松隐藏地址栏
• 官方维护的包，稳定性与兼容性更有保障

二、Windows平台专属方案（若跨平台包不满足定制需求） #

如果需要针对Windows做深度定制，比如调用WebView2原生API，可以选择以下方案：

方案1：使用flutter_webview_windows包 #

这个包专为Windows优化，支持更多Win32特性，默认不显示地址栏：

1. 添加依赖：

dependencies:
  flutter_webview_windows: ^0.1.0

2. 使用示例：

import 'package:flutter_webview_windows/flutter_webview_windows.dart';
import 'package:flutter/material.dart';

void openBrowserOverlay(BuildContext context, String url) {
  showDialog(
    context: context,
    builder: (context) => AlertDialog(
      content: SizedBox(
        width: MediaQuery.of(context).size.width * 0.9,
        height: MediaQuery.of(context).size.height * 0.9,
        child: Webview(
          initialUrl: url,
          onWebViewCreated: (controller) {
            // 可在此配置Windows专属特性，比如禁用右键菜单等
          },
        ),
      ),
    ),
  );
}

方案2：配置webview_flutter的Windows底层 #

若仍想使用官方包，可针对Windows做额外配置：

import 'package:webview_flutter/webview_flutter.dart';
import 'package:webview_flutter_windows/webview_flutter_windows.dart';

void initWebView() {
  if (Platform.isWindows) {
    WebView.platform = WebViewWindows();
    // 可在此配置WebView2高级选项，比如自定义用户代理等
  }
}

三、原代码问题说明 #

你原代码中Windows端使用url_launcher的LaunchMode.inAppWebView无效，是因为该模式在Windows平台尚未实现，会直接 fallback 到外部浏览器打开，无法实现内嵌效果。

内容的提问来源于stack exchange，提问作者Mahendra Liya