Flutter Web端Webview无法使用，咨询替代网页展示方案

嘿，我明白你遇到的问题了——flutter_webview_plugin这个插件确实只支持iOS和Android平台，完全没法在Flutter Web上工作。别担心，有两个靠谱的方案能帮你在Web应用里展示网页：

这是Flutter官方维护的WebView插件，现在已经完美适配Web平台，步骤很简单：

1. 先在你的pubspec.yaml里添加依赖：

dependencies:
  flutter:
    sdk: flutter
  webview_flutter: ^4.4.0 # 可以换成最新的稳定版本
  webview_flutter_web: ^0.2.2 # Web平台适配包，手动加上更稳妥

2. 运行flutter pub get安装依赖。

3. 接下来就能在代码里使用WebView了，示例代码：

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

class WebViewPage extends StatefulWidget {
  const WebViewPage({super.key});

  @override
  State<WebViewPage> createState() => _WebViewPageState();
}

class _WebViewPageState extends State<WebViewPage> {
  late final WebViewController controller;

  @override
  void initState() {
    super.initState();
    // 初始化控制器，设置要加载的URL
    controller = WebViewController()
      ..loadRequest(Uri.parse('https://example.com'));
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('展示网页')),
      body: WebViewWidget(controller: controller),
    );
  }
}

如果你的需求比较简单，不想引入额外插件，直接用Flutter Web的HTML互操作性嵌入iframe是个更轻量的选择：

通过HtmlElementView嵌入原生HTML iframe，示例代码如下：

import 'dart:ui' as ui;
import 'package:flutter/material.dart';

class IframeWebView extends StatelessWidget {
  final String url;
  const IframeWebView({super.key, required this.url});

  @override
  Widget build(BuildContext context) {
    // 注册平台视图用于渲染iframe
    ui.platformViewRegistry.registerViewFactory(
      'iframe-view',
      (int viewId) => IFrameElement()
        ..width = '100%'
        ..height = '100%'
        ..src = url
        ..style.border = 'none',
    );

    return const HtmlElementView(viewType: 'iframe-view');
  }
}

// 使用示例
class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('用iframe展示网页')),
      body: const IframeWebView(url: 'https://example.com'),
    );
  }
}

这个方案不需要任何额外依赖，直接利用Flutter Web和浏览器原生HTML的交互能力，适合简单场景。

内容的提问来源于stack exchange，提问作者Dhanaji Yadav