如何在flutter中将数据从父页面传递到webview页面？
在Flutter中将数据从父页面传递到WebView页面，可以通过以下步骤实现：
- 在父页面中定义一个变量来存储要传递的数据，例如：
String data = 'Hello World';- 在父页面中创建一个WebView页面，并将数据作为参数传递给WebView页面，例如：
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => WebViewPage(data: data),
),
);- 在WebView页面中接收传递的数据，并在WebView中使用，例如：
class WebViewPage extends StatelessWidget {
final String data;
WebViewPage({required this.data});
@override
Widget build(BuildContext context) {
return WebView(
initialUrl: 'https://www.example.com',
javascriptMode: JavascriptMode.unrestricted,
onPageFinished: (String url) {
// 在WebView加载完成后，将数据传递给WebView页面
controller.evaluateJavascript('setData("$data")');
},
);
}
}在上述代码中，我们通过构造函数将数据传递给WebView页面，并在WebView加载完成后使用evaluateJavascript方法将数据传递给WebView页面中的JavaScript代码。
需要注意的是，上述代码中的WebView是使用flutter_webview_plugin插件实现的，你可以根据自己的需求选择其他WebView插件。
推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mpp）提供了丰富的移动开发解决方案，包括移动应用开发、移动应用测试、移动应用运维等服务，可帮助开发者快速构建和部署移动应用。
相关·内容
我想阅读用Flutter webview打开的页面的内容。在页面打开之前，用户需要手动输入上一页上的信息，而我没有机会使用http在后台执行此操作。如何使用WebView (可以是webview_flutter或flutter_webview_plugin)获取打开的页面上的数据。提前谢谢。
浏览 22提问于2019-08-12得票数 1
回答已采纳
在Flutter应用程序中，当我按下appbar上的刷新图标按钮时，我想重新加载Webview页面。我正在使用官方的webview_flutter，不想使用flutter_webview_plugin，因为我有一个侧面抽屉。关于如何刷新webview页面有什么想法吗？
我曾尝试使用setState()重新构建相同的页面，但应用程序不会自动重新构建。我也尝试过使用navigator.push()，但它指向一个全屏the视图，并覆盖了抽屉和应用程序栏。
Widget build(BuildContext context){
return Scaffold(
appBar: AppBar(
浏览 4提问于2019-07-26得票数 8
回答已采纳
我是Flutter的新手，我想在Flutter应用程序中呈现网站的部分内容。假设这是一个例子:我想呈现这个网站的主要内容：。我可以通过执行javascript命令document.getElementsByClassName("container")[0]来获得这个内容。
要在Flutter应用程序内的WebView中显示此内容，我必须执行什么操作？
谢谢
浏览 15提问于2020-02-13得票数 1
我想要传递一个字符串数据到一个网页视图页面，可以在flutter中实现吗？因为我知道如何通过contentWindow.postMessage()使用html和javascript来实现它，但我不知道如何在flutter中实现它，谢谢。 这是我在flutter中显示webview的代码 Container(
height:500,
child: EasyWebView(
onLoaded: () {
浏览 31提问于2020-12-28得票数 2
我刚开始在路上学习flutter，我正在尝试让我的应用程序在没有更多WebView back历史记录的情况下用back按钮关闭。例如，在WebView应用程序中，初始网址是google.com，我导航到yahoo.com，当我按下后退按钮时，它会返回到google.com，如果我再次按下，应用程序什么也不做，我希望它在不再有历史记录时退出。我已经在flutter WebView插件页面上尝试了CanGoBack()函数，但在vscode中遇到错误。我不知道如何实现它。
import 'package:flutter/material.dart';
import 'pac
浏览 3提问于2019-11-27得票数 1
我正在创建一个Flutter应用程序，它使用BottomNavigationBar在页面之间切换。在其中一个页面中，我有一个Webview (我使用的是Flutter开发团队开发的 )，当我导航到另一个选项卡并返回时，我无法保持webview的状态。我也不知道有没有办法。
我尝试过使用PageStorageBucket和AutomaticKeepAliveClientMixin，但都无济于事。我注意到，在使用PageStorageBucket时，简单ListView的状态被保存在选项卡之间，但它似乎不适用于Webview。
下面是一个最小的、可重现的例子：
class _MyHomePageS
浏览 11提问于2019-07-24得票数 3
回答已采纳
我在webview_flutter上有一个Flutter应用程序。在此Webview中，我打开/推送了一个新页面。 Navigator.push(
context,
MaterialPageRoute(builder: (BuildContext context) => openPage()),
); 现在，我想关闭/弹出此页面，并更改WebView中的URL。 Navigator.pop(context); 关闭没有问题，但我如何设置一个新的网址从"openPage“到webview？谢谢！
浏览 19提问于2019-02-08得票数 0
2回答
如何在颤振中刷新webview？
、、、、
我想刷新网页，就在我滑动页面时。我找到了这个密码。
import 'dart:io';
import 'package:flutter/foundation.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'package:rivlus_webview_app/
浏览 9提问于2022-04-08得票数 0
2回答
我在我的Flutter应用程序中得到了位置。我有一个WebView，我想传递它里面的位置(在webview中打开的站点中处理它)。
var userLocation = Provider.of<UserLocation>(context);
和我的WebView：
WebView(
initialUrl: widget.url,
javascriptMode: JavascriptMode.unrestricted,
)
有办法做到这一点吗？我的目标是像flutter和angular之间的绑定，发送连续的位置数据。
浏览 3提问于2019-10-04得票数 6
1回答
我正在尝试使用来自本地银行的API，该银行使用OAuth2作为其授权方法。身份验证过程如下:用户单击按钮，应用程序中的webview启动，用户被定向到URL：“OTP }/{常量密钥}/{重定向url}”，然后他们必须使用他们的银行凭证进行身份验证，下一个页面提示他们键入。如果此操作成功，会话令牌将嵌入到重定向url中，如下所示:重定向URL: type url}/{访问令牌}/{ }
如何将此访问令牌作为变量缓存或存储在flutter代码中，以便将其用于其他API调用？我目前正在使用flutter webview插件，启动webview并访问不同的URL没有任何问题，但我似乎找不到存储令牌
浏览 0提问于2019-11-10得票数 0
我试图使我的代码工作时，手机的后退按钮被点击的设备(电话)的网络视图应该被带到上一页，现在我有困难使硬件回按钮工作。该应用程序加载良好，页面和其他一切，但我一点击手机回键，它崩溃，然后强制关闭。这是我的密码
import 'dart:async';
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
class WebViewApp extends Stat
浏览 2提问于2021-12-30得票数 0
我想将PayPal支付集成到我的flutter应用程序中，但该功能并不存在。我选择使用flutter webview加载一个集成了PayPal JavaScript SDK的html文件。
当我单击PayPal按钮时，没有任何反应。我想这是因为flutter Webview无法为支付流程打开另一个页面。
我怎样才能绕过这个问题呢？
浏览 10提问于2019-02-19得票数 4
我正在我的一个NavBar项目中加载一个WebView Page。当我调试我的应用程序时，它显示了一个带有NavBar的加载屏幕，但一旦WebView加载，NavBar就会隐藏在它后面。我正在使用插件加载WebViews。
以下是WebView加载后发生的情况：
这是我的WebView页面的代码：
import 'package:flutter/material.dart';
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';
class HomeWebVie
浏览 35提问于2020-05-24得票数 2
回答已采纳
我想让网页在我的Flutter应用程序中响应式地显示，但我无法做到。它们的显示方式好像屏幕/视口要宽得多。例如，Android Chrome中的页面如下所示：
最终在我的应用程序中看起来像这样(不管我使用的是什么包)：
我已经尝试过webview_flutter和flutter_webview_plugin包，包括尝试了几个flutter_webview_plugin函数，打开和关闭它们：
Future<Null> launch(String url, {
bool withJavascript: true,
bool enableAppScheme
浏览 21提问于2019-10-31得票数 1
1回答
我是一个很新的颤栗，我正在为新冠肺炎做一个配套应用。:>:>
布局有很多按钮，我想利用Webview功能为不同的场景加载不同的网页。
当前的main.dart类似于：
import 'package:flutter/material.dart';
import 'package:flutter_webview_project/webviewFlutter.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Wi
浏览 2提问于2020-06-23得票数 0
我想将一些数据发布到Flutter WebView中的URL body。那么，我该怎么做呢？
浏览 42提问于2021-02-27得票数 0
回答已采纳
我试着在Flutter中使用webview_flutter插件。但在那里找不到设置用户代理。它应该在那里，对吧？这是webview的一个基本功能。有没有可能做到这一点？提前谢谢你。
浏览 82提问于2019-01-09得票数 6
回答已采纳
我的客户已经购买了一个Opencart网站和一个eCommerce Flutter应用程序(来自inspireUI/Fluxstore)。我的工作是将支付部分实现到应用程序中(应用程序现在将支付页面从网站加载到WebView中，并同步用户输入的所有数据)。 用户必须完成web表单，添加他的信用卡，并完成支付过程。 有没有人有一些文档或以前的经验可以帮助你？我已经搜索并联系了inspireUI支持团队，但没有找到有用的信息。
浏览 9提问于2020-10-19得票数 2
如何在颤振网络中获取当前的url，navigationDelegate，onPageFinished，onPageStarted似乎没有在颤振web中工作。android和Ios运行良好，但在Web上我无法做到这一点。或者，如果有任何方法可以在Webview控制器中设置侦听器。
在pubsec.yaml中
webview_flutter: ^3.0.0
webview_flutter_web: ^0.1.0+4
在我的
void main() async {
WidgetsFlutterBinding.ensureInitialized();
await initGlobalControl
浏览 7提问于2022-08-18得票数 1
我展示了一个新的注册表( javascript页面)，由3个页面组成的android webview，然后在第4页的按钮点击里面的javascript页面，我计算一些东西，并传递一些数据从android到webview。
问题是，当我从android发送数据到webview页面时，它改变了webview的状态，所有以前的表单数据都会被擦除。
我将数据从android传递到javascript页面，如下所示：
webView.evaluateJavascript("javascript:getData(" + data + ")",null);
我想这行代码会重新
浏览 0提问于2019-04-16得票数 0
解释了如何从get视图中获取数据，但没有说明如何将数据传递到其中。
现在，我设置了一个虚拟变量，并在open回调中返回正确的URL：
function onSettingsOpen(e) {
var options = Settings.option();
return URL_ROOT + '/settings?options=' + encodeURIComponent(JSON.stringify(options));
}
Settings.config(
{ url: 'DUMMY' },
onSettingsOpen,
浏览 1提问于2015-07-17得票数 1
回答已采纳
我之所以这样做，是因为我想让一个母版页绑定到一个强类型模型，这样它就可以包含每个页面所需的所有model数据。但然后我也需要每个视图页面被强类型到一个不同的模型。
这可行吗？
我的一个想法是，所有东西都有一个数据模型，然后由特定控制器的另一个模型继承，然后我只需要将每个页面绑定到抽象模型。但这是最佳实践吗？
谢谢。
浏览 3提问于2011-11-04得票数 0
回答已采纳
我猜这只是Flutter的另一个功能请求，它将本地网页呈现为WebView小部件-所有这些都是离线的，源自html、css和其他资产文件。 有几个Flutter插件能够显示来自网址的webView (在线)--但我还没有看到一个解决方案，可以离线显示来自本地资源的WebView。 包含多个页面(放置在Flutter资源中的文件和文件夹)的典型网页将如下所示： index.html
page1.html
page2.html
/images/img1.jpg
/images/img2.jpg
/css/p1.css
/css/p2.css
etc. 我读了下面的讨论(见下面的链接)和更多，但我
浏览 57提问于2019-02-06得票数 7
我正在尝试创建一个颤振应用程序，它将在WebView中显示一个网站，并且我希望能够设置一个RefreshIndicator，当用户在webview上下拉并刷新WebView时触发它。
我可以让WebView工作，但是RefreshIndicator只能使用垂直滚动视图。我尝试过将WebView添加到ListView中，作为唯一的子类，但是WebView并没有拉下ListView。
我尝试过将RefreshIndicator放在Webview上，我也尝试使用PageView而不是ListView
import 'dart:async';
import 'package:
浏览 5提问于2019-07-23得票数 7
我是新来的，所以也许这个问题是反复提出的。基本上，我是使用webview的颤振。版本webview: webview_flutter：^0.3.16我的代码是：
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
void main() => runApp(WebViewTest());
class WebViewTest extends StatefulWidget {
@override
State<
浏览 1提问于2019-12-04得票数 0
1回答
我是新来的。目前，我正在建设的网页应用程序，使用颤振webview插件，但我有一个关于互联网连接的问题。当用户没有连接时，应用程序会提供一个默认错误页面，如
Webpage not available
The webpage at https://covid19.who.int/ could be not be loaded because:
net:::ERR_Internet_disconnected
如何使用自定义代码显示自定义错误页面喜欢隐藏url？我的正确代码是：
import 'package:flutter/material.dart';
import '
浏览 2提问于2020-06-29得票数 0
回答已采纳
我试过了，但似乎没能通过。我试图使用Flutter的postUrl方法将一些变量发布到一个postUrl中，但是我一直得到这个错误，我不知道我做错了什么。我还试着在网上找到一个使用这种方法的人的例子，但是找不到任何东西。谁来帮帮忙。
page.dart：
import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
Future main() as
浏览 2提问于2020-01-02得票数 1
回答已采纳
我有一个颤振的网页查看应用程序。我想有一个离线屏幕与文本和按钮“再试一次”。
如果没有互联网连接(实时的，不需要刷新并单击以检查连接)，一旦他失去连接，显示屏幕与文本，然后再试一次按钮。如果连接成功，用户将返回到他所在的页面。
我现在的main.dart：
import 'package:webview_flutter/webview_flutter.dart';
void main() {
runApp(
const MaterialApp(
home: WebViewApp(),
),
);
}
class WebViewApp ex
浏览 12提问于2022-06-17得票数 0
我有一个简单的Flutter WebView应用程序来显示我的网站。问题是，在我的网站上，我有两个功能可以打开一个新的浏览器窗口。
例如，其中一个是facebook登录函数，当用户点击登录facebook时，它加载facebook登录api页面，当登录完成时，它告诉用户返回到另一个页面，但由于我在WebView中，我不能返回到另一个页面。
有什么方法可以让我在Flutter上打开2 WebViews来加载不同的页面吗？如果没有，有没有其他可能的解决方案？
浏览 54提问于2019-07-17得票数 5
2回答
body: const Center(
// Center is a layout widget. It takes a single child and positions it
// in the middle of the parent.
child: WebView(
initialUrl: "https://xxxx",
navigationDelegate: (navigation) {
return NavigationDecision.navigat
浏览 16提问于2021-10-15得票数 0
我使用flutter_webview_plugin在应用程序中显示网页，但是当页面上有视频时，没有选项可以启用全屏。有人知道如何解决这个问题吗？也许其他插件可以在应用程序中显示页面？
import 'package:flutter/material.dart';
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';
String url = "https://youtube.com/";
void main() => runApp(MyApp());
浏览 1提问于2019-10-28得票数 3
我正在制作一个简单的屏幕，其中包含封装在Scaffold中的WebView。WebView上方有一个按钮。WebView没有加载页面。但是，当WebView未封装在Scaffold中时，页面将加载。我需要将Scaffold作为一个容器来添加其他小部件。如何使WebView在Scaffold中加载其页面。
代码包含WebView在脚手架内。WebView不加载
return MaterialApp(
home: Scaffold(
body: Column(
mainAxisAlignment: MainAxisAlignment.center
浏览 3提问于2021-10-15得票数 1
我有一个flutter应用程序，它需要在安卓/Ios版本和网络版本中都使用webview。
为了做到这一点，我们需要一个代码来分离每个平台的调用，下面是我是如何做到的：
if (kIsWeb) {
WebView.platform = WebWebViewPlatform();
await Firebase.initializeApp(
options: const FirebaseOptions(
apiKey: "A**********************",
appId: "**********************&
浏览 35提问于2022-11-08得票数 0
回答已采纳
我想在我的设备上配置后退按钮，我有问题未定义“Navigator.pop(上下文)；”在此代码中任何人都可以编辑给我.thank你
import 'dart:js';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
void backButton()
浏览 1提问于2020-08-31得票数 0
我熟悉webview_flutter在ios和android设备中显示网页的功能。但对于这个项目，我的目标设备是windows。我尝试过flutter_html，但是页面有内联'‘，而程序包有问题，说“元素没有在这个库中实现”，结果页面在应用程序中被破坏了。
浏览 16提问于2021-06-03得票数 0
我是flutter的初学者，我想在flutter应用程序中隐藏网站的一部分。我在pubspec.yaml文件中添加了flutter flutter_webview_plugin，并将包导入到我的feed.dart页面中。flutterWebviewPlugin.evalJavascript("alert('Hi, I just executed')");是在我运行应用程序时执行的。但是flutterWebviewPlugin.evalJavascript("document.getElementById('header04-2j').s
浏览 27提问于2020-07-29得票数 2
我希望在加载WebView之前使用flutter_spinkit并显示其中一个微调器。日历网站的加载需要几秒钟的时间，所以我想在它加载的时候有一个微调。 谢谢! import "package:flutter/material.dart";
import 'package:webview_flutter/webview_flutter.dart';
class HS extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
浏览 34提问于2021-06-27得票数 1
目前，我正面临安全难题，如何安全地将OAuth令牌从Outlook O365中的父页面传递到对话框窗口。根据微软的，只有两种方法可以实现这个目标：
localStorage
查询参数
我不明白为什么Microsoft有一种方法(*)用于从对话框到父页而不是从父页到对话框之间的通信？
*来自
dialog.addEventHandler(Office.EventType.DialogMessageReceived, processMessage); dialog.addEventHandler(Office.EventType.DialogEventReceived, proce
浏览 2提问于2018-01-22得票数 1
回答已采纳
如何在flutter的webview中显示pdf。 我已经上传pdf fle到fireabse数据库和存储。。 现在我想下载并在检索页面或主页中打开te pdf 我也收到了上传的pdf的downloadURL Container(
child: PDfFile1 != null && WCardPDFURL == null ? PDF.file(
PDfFile1,
height: 600,
width: MediaQuery.of(context).size.width * 0.90,
) : PDfFile1 == nu
浏览 72提问于2021-01-08得票数 0
回答已采纳
当我按下设备的后退按钮，应用程序关闭，所以我想配置设备的后退按钮，返回顺序页面不退出.Thank你
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildCont
浏览 4提问于2020-08-30得票数 0
我尝试将webview集成到flutter应用程序中。在示例中添加代码后，页面加载正常，但当我单击页面中的输入框时，没有弹出软键盘。
浏览 145提问于2019-04-23得票数 8
我想弹出一个网页浏览器，当我点击一个按钮，所以我做了一些不工作的代码，不知道为什么。
Widget customCardCategory(BuildContext context, String url)
{
String title = 'test';
void Function()? _showWeb(String title, String url)
{
showDialog(
context: context,
builder: (BuildContext context) {
return Dia
浏览 19提问于2022-08-11得票数 0
回答已采纳
1回答
背不活动颤振网
、、、、
我不能回过头来做exits.Testing页面，这段代码在Android上飞舞，但是错误的somewhere.Any指南帮助appreciated.This是我的dart文件。
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
void main() {
runApp(MaterialApp(
debugShowCheckedModeBanner:false,
浏览 8提问于2022-06-14得票数 0
想要捏并放大到webview_flutter
(我知道flutter_webview_plugin可以做到这一点，但出于其他原因，我想坚持flutter_webview。)
他们都提到
this.webView.getSettings().setBuiltInZoomControls(true)；
this.webView.getSettings().setSupportZoom(true)；允许夹点/缩放。
请原谅我的愚蠢，我找不到添加这个代码片段的地方，请帮助。
浏览 4提问于2020-01-06得票数 1
回答已采纳
1回答
我正在使用webview在我的应用程序中显示Wordpress登录页面，但是当用户按后退按钮时，他们总是必须登录回他们的帐户，所以我只是想知道如何将他们的用户登录信息保存在cookie中，这样他们就不用在使用webview之后再次登录了？
我使用的是webview_flutter：^2.0.4。
MyWebView屏幕。
Expanded(
child: Center(
child: WebView(
initialUrl: "https://chinblog.com
浏览 3提问于2022-01-30得票数 0
我正在使用flutter_webview_plugin: ^0.3.8，但我在使用webview_flutter: ^0.3.13时遇到了同样的问题。 在webview中，我想使用一个在成功完成验证码时触发文件下载的网站。然而，我完成了验证码，什么也没有发生，没有下载。 在Flutter中有没有类似webview下载监听器("webview.setDownloadListener")的东西？我只需要这个安卓。 如果没有，有没有办法在Flutter中从网络视图中下载文件？
浏览 178提问于2019-09-15得票数 10
我正在使用一个webview_flutter，并希望在每个导航中评估Javascript。到目前为止，evaluateJavascript只适用于初始页面。你知道如何让它在每一个页面上都能工作吗？ 这是我的设置： Flutter 1.22.2 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 84f3d28555 (7 days ago) • 2020-10-15 16:26:19 -0700
Engine • revision b8752bbfff
Tools • Dart 2.10
浏览 11提问于2020-10-22得票数 0
回答已采纳
1回答
在最近更新到flutter_windows_v0.5.1-beta之后，我的项目不再支持某些导入。
在所有导入中，问题都是：[dart] Target of URI doesn't exist
请有人将这些修改到当前版本，或者简单地给我一个链接，说明在哪里可以找到更新的版本，让我自己解决这个问题。
导入是；
import 'package:path_provider/path_provider.dart'
import 'package:shimmer/shimmer.dart';
import 'package:flutter/foundati
浏览 1提问于2018-08-09得票数 1
回答已采纳
JavaScript代码：
var x = document.getElementById("x");
document.getElementById('button').onclick = function()
{
function showPosition(position)
{
console.log("in showPosition");
x.innerHTML = "Latitude: " + position.coor
浏览 3提问于2022-07-15得票数 1
我试图显示一个pdf文件从网络(从一个链接)到我的颤振应用程序作为一个WebView。不过，我的屏幕是空白的。任何其他网站，不是pdf工作良好，但每当我放置一个pdf链接，它只是显示什么。
return Scaffold(
appBar: AppBar(
title: const Text('Flutter WebView example'),
),
body: const WebView(
initialUrl: 'http://www.africau.edu/images/default/sample.pdf',
java
浏览 14提问于2022-06-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
