Flutter开发：替代WebView(initialUrl: 'abcd')实现特定网站展示

基础实现步骤 #

1. 创建并配置WebViewController #

新版webview_flutter用WebViewController管理网页加载、交互逻辑，替代旧版WebView的初始化参数：

final WebViewController webViewController = WebViewController()
  // 按需开启JavaScript支持，默认禁用
  ..setJavaScriptMode(JavaScriptMode.unrestricted)
  // 设置初始加载的URL，替代旧版的initialUrl
  ..loadRequest(Uri.parse('https://你的目标网址'));

2. 用WebViewWidget渲染网页 #

把配置好的控制器传给WebViewWidget，作为页面核心渲染组件：

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

常用操作示例 #

• 加载新网址：

webViewController.loadRequest(Uri.parse('https://新的目标网址'));

• 页面后退/前进：

// 后退
if (await webViewController.canGoBack()) {
  webViewController.goBack();
}

// 前进
if (await webViewController.canGoForward()) {
  webViewController.goForward();
}

• 刷新当前页面：

webViewController.reload();

前置准备 #

确保pubspec.yaml中引入最新版webview_flutter依赖：

dependencies:
  webview_flutter: ^4.4.0 # 使用官方最新版本号

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