flutter 打开网页
时间: 2023-10-20 08:06:46 浏览: 180
flutter_website
你可以使用 Flutter 自带的 `WebView` 组件来打开网页,具体步骤如下:
1. 在 `pubspec.yaml` 文件中添加 `webview_flutter` 依赖:
```
dependencies:
flutter:
sdk: flutter
webview_flutter: ^2.0.10
```
2. 在需要打开网页的页面中引入 `WebView` 组件:
```dart
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
class WebViewPage extends StatelessWidget {
final String url;
WebViewPage({required this.url});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('WebView'),
),
body: WebView(
initialUrl: url,
javascriptMode: JavascriptMode.unrestricted,
),
);
}
}
```
3. 在需要打开网页的地方调用 `WebViewPage` 页面即可:
```dart
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => WebViewPage(
url: 'https://www.example.com',
),
),
);
```
这样就可以在 Flutter 中打开网页了。
阅读全文