如何在 flutter 中创建 webview

Question

我正在尝试在 flutter 中使用网络视图。我已经关注了这篇描述我们如何使用 Flutter embed webview 创建一个简单应用程序的媒体文章。

https://medium.com/@ekosuprastyo15/webview-in-flutter-example-a11a24eb617f

我能够成功创建应用程序，但现在该应用程序在单击按钮时打开，如上文所示。

我想要的 - 现在我想创建一个应用程序，在加载时在 webview 中加载 URL（即用户不必单击任何按钮或 link 打开那个 URL).

到目前为止我们尝试了什么？

我们试过 flutter url_launcher 插件和 flutter_webview_plugin 插件。

Answer 1

如果你想直接打开你想要的网站而不按任何按钮你应该给首字母Url。但你应该 nagivate.push 从其他页面到这里。就是这样;

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

class WebViewExample extends StatefulWidget {

  @override
  WebViewExampleState createState() => WebViewExampleState();
}

class WebViewExampleState extends State<WebViewExample> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("webview"),
      ),
      body: WebView(
        initialUrl: "https://www.google.com/",
        javascriptMode: JavascriptMode.unrestricted,
      ),
    );
  }
}

Answer 2

添加这个库Flutter WebView

import 'package:webview_flutter/webview_flutter.dart';

return Scaffold(
      appBar: AppBar(
        title: const Text('Flutter WebView example'),
      ),
      body: const WebView(
        initialUrl: 'https://flutter.io',
        javascriptMode: JavascriptMode.unrestricted,
      ),
    );

如何在 flutter 中创建 webview

How to create webview in flutter

flutter

flutterwebviewplugin