通过WebView - Flutter / DART以编程方式搜索谷歌
通过WebView - Flutter / DART以编程方式搜索谷歌，可以使用Flutter框架中的WebView插件来实现。Flutter是一种跨平台的移动应用开发框架，可以使用Dart语言进行开发。
在Flutter中使用WebView插件，可以加载网页并进行搜索谷歌。以下是一些相关概念和步骤：
- WebView：WebView是一种用于在应用程序中显示网页内容的控件。它可以加载网页并提供与网页交互的功能。
- Flutter：Flutter是一种开源的移动应用开发框架，由Google开发。它使用Dart语言进行开发，可以构建高性能、跨平台的移动应用程序。
- Dart：Dart是一种由Google开发的面向对象的编程语言，用于构建Flutter应用程序。它具有类似于Java和JavaScript的语法特性。
下面是使用WebView插件在Flutter中以编程方式搜索谷歌的步骤：
- 导入WebView插件：在Flutter项目的pubspec.yaml文件中添加webview_flutter依赖项，并运行flutter packages get命令以导入插件。
- 创建WebView：在Flutter应用程序的界面中，使用WebView控件来显示网页内容。可以设置WebView的初始URL为谷歌搜索页面。
- 加载URL：使用WebView的loadUrl方法加载谷歌搜索页面。可以将搜索关键字作为URL的查询参数传递给谷歌搜索页面。
- 搜索功能：在Flutter应用程序中添加搜索框或按钮，以便用户输入搜索关键字。获取用户输入的关键字后，可以将其作为URL的查询参数传递给谷歌搜索页面，并使用WebView的loadUrl方法重新加载页面。
- 显示搜索结果：当WebView加载谷歌搜索页面后，可以通过监听WebView的页面加载完成事件，获取搜索结果并在Flutter应用程序中显示。
推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mpp）
以上是使用WebView - Flutter / DART以编程方式搜索谷歌的基本步骤和相关概念。通过这种方式，您可以在Flutter应用程序中实现谷歌搜索功能，并根据需要进行定制和扩展。
相关·内容
你好，我是新来的颤音，但我是以某种方式创建了一个webview应用程序。现在，我想要一些额外的功能，如显示自定义页面时，url没有加载，或当网页找不到。我搜索了很多谷歌，但没有找到任何解决方案。
我的代码：
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
import '../main.dart';
class Outlook extends StatefulWidget {
const Out
浏览 22提问于2022-10-18得票数 0
1回答
我正在做一个颤振的WebView项目，我想在我的WebView中添加一个搜索栏来搜索元素。任何帮助都是非常感谢的。这是我的代码：
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:webview_flutter/webview_flutter.dart';
class HomePage extends StatefulWidget {
const HomePage({Key? key}) : su
浏览 5提问于2022-02-22得票数 1
回答已采纳
2回答
颤振生成错误。(与发布缓存相关)
、、、、
当我试图构建我的项目时，我会在我的控制台中打印这个错误。
两天前一切都很好。
这是错误，
Running "flutter pub get" in SampleApp...
Launching lib\main.dart on Android SDK built for x86 in debug mode...
/E:/flutter/.pub-cache/hosted/pub.dartlang.org/firebase-7.3.0/lib/src/top_level.dart:1:8: Error: Not found: 'dart:html'
import
浏览 5提问于2020-08-09得票数 0
回答已采纳
1回答
因此，主页只是一个按钮，它路由到一个名为"LoginScreen()“的类，然后显示网页。这就是您在代码中看到的。作为一个整体，我对flutter和编程相当陌生，所以请解释一下，好像我不知道我在做什么。
另一个注意事项是，我不确定将身份验证和令牌检索的逻辑应用于何处。即在where视图所在的主页或登录页面中
import 'dart:async';
import 'package:flutter_appauth/flutter_appauth.dart';
import 'package:flutter/material.dart';
浏览 0提问于2019-04-16得票数 0
我尝试在flutter webview中使用GestureRecognizer来缩小Double pinch.But，但它不起作用。如果您有任何解决方案，请帮助我
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/
浏览 61提问于2019-11-12得票数 1
我有一个flutter应用程序，它需要在安卓/Ios版本和网络版本中都使用webview。
为了做到这一点，我们需要一个代码来分离每个平台的调用，下面是我是如何做到的：
if (kIsWeb) {
WebView.platform = WebWebViewPlatform();
await Firebase.initializeApp(
options: const FirebaseOptions(
apiKey: "A**********************",
appId: "**********************&
浏览 35提问于2022-11-08得票数 0
回答已采纳
我希望webview不要重新加载时，我切换我的颤音应用程序，但我不知道我应该如何做，我很抱歉，我是一个初学者。
这是我录制的礼物：
我在谷歌上搜索，但没有找到与此相关的答案。
//index.dart
import 'package:flutter/material.dart';
import 'navigation_tab.dart';
import '../home/home_page.dart';
import '../market/market_page.dart';
import '../my/my_pag
浏览 0提问于2019-07-11得票数 3
我有一个非常大的javascript文件，想通过dart /flutter应用程序调用它。搜索了很多，尝试了js和flutter_webview_plugin。
事实上，我并不想创建一个webview，只是有一个js文件的小类，我想用参数从dart调用它。
浏览 0提问于2020-04-24得票数 3
当我按下设备的后退按钮，应用程序关闭，所以我想配置设备的后退按钮，返回顺序页面不退出.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
我是flutter的新手，正在尝试阻止手机的后退按钮，当应用程序启动时，它可以工作，但当我在google中搜索内容时，例如，当URL发生变化时，按钮仍然有效 我尝试过WillPopScope，但对我来说从来都不起作用。 这是我的应用程序 import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter_statusbar_manager/flutter_statusbar_manager.dart';
import
浏览 7提问于2019-04-24得票数 1
我不能在颤振的Webview中加载一个新的URL ..。我有问题使用then和Future在颤振Webview控制器.
在颤振的Webview中，我想加载initialUrl，然后以编程的方式从该网页中检索一些信息.到目前为止一切正常..。但我想让Webview自动加载另一个网页..。但我不知道如何使用controller和Completer来做到这一点。
片段：
WebView(
initialUrl: 'https://flutter.dev',
onWebViewCreated: (WebViewController webViewController) {
浏览 5提问于2022-11-11得票数 6
回答已采纳
2回答
我想让我的颤振显示全屏，但与状态重叠在上面。为了更清楚地说明，我希望webview小部件与状态栏重叠。有人能帮我吗？
例如(如下图所示)：
我的守则：
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter/services.dart';
import 'package:webview_flutter/webview_flutter.dart';
class test
浏览 1提问于2020-02-12得票数 3
回答已采纳
我正在使用一个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
回答已采纳
我希望在加载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
我已经使用flutter创建了一个webview，我想现在在我创建的webview上显示一个本地webapp。 import 'package:flutter/material.dart';
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';
import 'package:webview_flutter/webview_flutter.dart';
class EnableJavacriptWebView extends StatefulWidget {
浏览 57提问于2020-01-08得票数 0
我目前正在本地化我的应用程序，我已经翻译了所有要打开的网页，并将网址添加到我的arb文件。
但是当我给AppLocalizations.of(context)!.actionaid on initialUrl打电话时，我会看到一个红色的下划线，上面写着Invalid constant value
有什么办法能让这件事成功吗？
谢谢各位
我有这样的事情：
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:webvi
浏览 6提问于2022-03-23得票数 1
回答已采纳
我正在尝试创建一个颤振应用程序，它将在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_flutter软件包开发应用程序。
在默认配置下，我将在屏幕的底部得到一个白色的框。
当我把这段代码交给Scaffold时：
resizeToAvoidBottomInset: true
它消失了：
但在这种情况下，Webview 不会在虚拟键盘打开时自动调整大小。
如果我不使用"resizeToAvoidBottomInset: true“，它会调整大小，但是第一张图片中的白色框会出现。
还有别的方法可以清除那个白盒子吗？
我的代码：
import 'dart:async';
import 'pack
浏览 5提问于2020-04-25得票数 1
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
回答已采纳
我正在使用插件，当webview在任何使用暗模式的小米设备上打开时，它会强制使用暗模式，我不知道如何避免它
下面是我的代码：
import 'dart:async';
import 'dart:io';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
class CdsWebView ext
浏览 47提问于2021-05-18得票数 2
回答已采纳
在使用facebook sdk进行登录时，当我单击facebook按钮时出现此错误。
flutter: type '_InternalLinkedHashMap<dynamic, dynamic>' is not a
subtype of type 'Map<String, Object>'
[VERBOSE-2:dart_error.cc(16)] Unhandled exception:
type 'Future<dynamic>' is not a subtype of type 'Fut
浏览 1提问于2018-06-14得票数 0
我在build方法的第一行打印了url消息。在这里，url是正确的，但是webView没有作用。我使用webview_flutter库，版本是0.3.13； import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
void main() => runApp(WebPage());
class WebPage extends
浏览 24提问于2019-09-09得票数 2
我需要一个备用屏幕时，我的网页没有加载；
注意:网页是在本地主机上托管的，所以基于互联网连接的转换是不可能的。
查询:我们能不能平IP并在屏幕上进行更改？
有什么办法可以做到这一点吗？
** main.dart **
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@ov
浏览 6提问于2022-01-31得票数 1
回答已采纳
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
flutter中的webview出现问题，出现错误
[ERROR:flutter/shell/common/shell.cc(184)] Dart Error: Unhandled exception:
PlatformException(error, Trying to create a platform view of unregistered type: plugins.flutter.io/webview, null)
正在尝试实现webview
浏览 7提问于2019-04-22得票数 16
我想上传照片通过canva从我的颤振应用，这是为什么我是第一次使用颤振-webview-插件，因此我无法解决这个问题。
同样的代码是：-
import 'package:flutter/material.dart';
import 'package:kf_drawer/kf_drawer.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'dart:async';
class SettingsPage extends KFDraw
浏览 13提问于2020-07-04得票数 4
回答已采纳
2回答
我正在建立一个颤振的应用程序，有一个网页浏览。我已经将minsdkversion更新为20.并添加了android使用互联网的权限，但仍然收到了错误。。
DART
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
void main() {
runApp(
const MaterialApp(
home: WebViewApp(),
),
);
}
class WebViewApp e
浏览 3提问于2022-05-26得票数 1
回答已采纳
1回答
用颤振制作浏览器
、、、、
我用flutter 制作了一个浏览器，并启用了JavaScript，这是我的浏览器屏幕代码。
该应用程序的主要目标是自动化一个网站(电影网站)，让应用程序看到网站的广告，但在后台，该应用程序将取消其下载链接的下载链接，在我的颤音应用程序的WebView中查看的HTML页面。
BrowserScreen.dart
// ignore_for_file: prefer_const_constructors
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart'
浏览 9提问于2022-04-23得票数 0
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
2回答
当我打开应用程序时，我想要显示我过去访问过的网页。作为初步步骤，实施Webview需要时间。
屏幕将从设置屏幕变为视图屏幕。首先，在设置屏幕上输入要在Webview中显示的URL。当您按下connect按钮时，屏幕将转换到以URL作为参数的视图屏幕。
在视图屏幕上，应该显示具有此URL的页面，但它是一个空白屏幕，如下图所示。
从appbar中的文本中，您可以看到参数本身已被接收。
视图屏幕上的view.dart编码如下。
import 'package:flutter/material.dart';
import 'package:webview_flutter/w
浏览 5提问于2021-02-26得票数 0
1回答
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Web
浏览 12提问于2022-05-25得票数 2
回答已采纳
我试着运行一个从获得的使用webview的示例。但我有这样的错误：
lib/main.dart:43:48: SurfaceAndroidWebView:未为类'_WebViewExampleState‘定义方法'SurfaceAndroidWebView’。- '_WebViewExampleState‘来自于'package:webview_test/main.dart’('lib/main.dart')。尝试将名称更正为现有方法的名称，或定义一个名为“SurfaceAndroidWebView”的方法。如果(Platform.isAndr
浏览 17提问于2020-10-16得票数 3
回答已采纳
1回答
颤振式滚动至顶部WebView
、、、、
有没有办法使浮动按钮自动滚动到一个WebView的顶部，而不是一个带有颤振的ListView？这是使用WebView的简单的一页颤振代码。
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:webview_flutter/webview_flutter.dart';
class HomePage extends StatefulWidget {
const HomePage({Key? key})
浏览 5提问于2022-02-14得票数 0
回答已采纳
如何在颤振网络中获取当前的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
嗨，我正在尝试创建一个阅读应用程序，允许用户从我的在线学习网站保存页面供离线使用。它使用webview小部件来访问网页。
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
class ScholarshipsPage extends StatefulWidget {
@override
_ScholarshipsPageState createState()
浏览 16提问于2020-05-17得票数 0
我是新来的。我试图构建一个有令牌的webview。我使用了statefull小部件，但是我面临这个错误，主体可能正常完成，导致'null‘被返回，但是返回类型'State’是一个潜在的不可空类型。代码：
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_form_bloc/f
浏览 6提问于2022-04-29得票数 -1
回答已采纳
我想弹出一个网页浏览器，当我点击一个按钮，所以我做了一些不工作的代码，不知道为什么。
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
回答已采纳
我需要在webview中集成Jitsi Meet用于我们的flutter应用程序。最初，我使用以下jitsi-meet插件"“，但不幸的是，我不得不切换到InAppwebview插件"”，因为缺少诸如互联网掉线后的jitsi重新连接和jitsi-meet插件中的参与者信息等功能。我已经成功地将jitsi集成在webview中，但不知道如何包括jitsi回调，如onConferenceJoined，onParticipantLeft等。任何帮助将不胜感激
import 'dart:async';
import 'package:flutter/materi
浏览 11提问于2021-05-18得票数 1
我正在工作使用插件的颤振网页查看应用程序。
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'package:url_launcher/url_launcher.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildCon
浏览 1提问于2021-01-25得票数 0
回答已采纳
我正在尝试在我的flutter应用程序中实现webView。它在CircularProgressIndicator上工作得很好，但是我不能隐藏加载栏。这是我的webview dart文件： import 'dart:async';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
class MyWebView extends StatelessWidget {
final String title;
浏览 17提问于2019-12-13得票数 1
我用这个库()做抽屉。我想在home (容器) Widget中显示本地html内容，我遵循了这个Webview教程()
但对我没什么用！提前谢谢！
main.dart
import 'dart:convert';
import 'package:delivery/circular_image.dart';
import 'package:delivery/menu_page.dart';
import 'package:flutter/material.dart';
import 'package:delivery/zo
浏览 2提问于2019-09-23得票数 0
回答已采纳
1回答
我正在尝试为我的网站制作一个webview应用程序，并使用下面的初学者代码
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
浏览 2提问于2021-09-11得票数 0
回答已采纳
我试图嵌入一个特定的网页()在颤振应用程序，但该页面是不能滚动的内容。
下面是它应该如何显示，请注意可滚动播放列表( macOS Safari响应设计模式的屏幕快照)。
但是在颤振WebView中，它现在显示如下( iOS模拟器的屏幕快照)：
请注意，虽然有内容溢出，但没有滚动条和无法滚动。
下面是代码：
import 'package:flutter/cupertino.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/gestures.
浏览 15提问于2022-05-18得票数 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
1回答
我试图在我的颤振应用程序上使用WebView()。在我编写代码之后，没有任何错误，但是，当在模拟器上运行调试模式时，页面是空的。AppBar在那里，文本也在上面，但是主体是一个空白屏幕。
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
class Audio extends StatefulWidget {
@override
_AudioState createState() => _AudioStat
浏览 2提问于2020-04-05得票数 1
2回答
我需要在我的上下文主体中有一个webview，但不是覆盖整个屏幕空间，因为我必须在它下面显示一个列表视图。我检查了flutter_webview_plugin，但它不起作用
得到错误:该库在一个未知的包中。也许你忘了在你的pubspec.yaml文件中提到它？
dependencies:
flutter:
sdk: flutter
url_launcher: ^0.4.1
async_loader: "^0.1.1"
json_annotation: ^0.2.2
flutter_webview_plugin: "
浏览 1提问于2018-05-17得票数 0
我是新来的。我在身体部分有webview支架。
我的目标是扫描条形码(URL)并更新webview链接。我可以初始化webview支架，扫描条形码并获得URL。当我更新set状态时，它没有更新webview。对此有什么建议吗？
import 'package:flutter/material.dart';
import 'package:flutter_barcode_scanner/flutter_barcode_scanner.dart';
import 'package:flutter_webview_plugin/flutter_webview_
浏览 2提问于2019-12-05得票数 0
回答已采纳
我有这段代码，问题是：'ProfileView.build' ('Future<Widget> Function(BuildContext)')不是'StatelessWidget.build' ('Widget Function(BuildContext)')的有效覆盖。
我试着去除未来，但它不起作用，知道吗？
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutte
浏览 25提问于2022-04-28得票数 0
回答已采纳
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
void main() {
runApp(Myapp());
}
class Myapp extends StatelessWidget {
Widget build(BuildContext context) {
return (MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text
浏览 6提问于2020-02-19得票数 0
我刚开始从事移动开发，我找不到这个问题的答案:我有一个网站，该网站有whatsapp、电报、电话和instagram profile的链接。webview_flutter加载页面，但当我单击链接时，它会给出错误net::err_unknown_url_scheme.whatsapp://send/?phone=%2B996500777888.........的网页
main.dart
import 'package:flutter/material.dart';
import 'page/webview_page.dart';
void
浏览 35提问于2022-09-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
