在InAppBrowser上显示UIPickerView (Cordova)
在 Cordova 中使用 InAppBrowser 来显示 UIPickerView 是一种常见的需求，可以通过以下步骤实现：
- 首先，确保已经安装了 Cordova 插件
cordova-plugin-inappbrowser。可以使用以下命令进行安装：
cordova plugin add cordova-plugin-inappbrowser- 在你的 Cordova 项目中，创建一个按钮或者其他触发事件的元素，用于打开 InAppBrowser。例如，可以在 HTML 文件中添加以下代码：
<button onclick="openPicker()">打开 UIPickerView</button>- 在 JavaScript 文件中，编写
openPicker()函数来打开 InAppBrowser 并加载 UIPickerView。以下是一个示例代码：
function openPicker() {
var inAppBrowserRef = cordova.InAppBrowser.open('picker.html', '_blank', 'location=no');
inAppBrowserRef.addEventListener('loadstop', function() {
// 在加载完成后，执行 JavaScript 代码来显示 UIPickerView
inAppBrowserRef.executeScript({
code: 'showPicker();'
});
});
}- 创建一个名为
picker.html的 HTML 文件，用于在 InAppBrowser 中显示 UIPickerView。在该文件中，可以使用 HTML、CSS 和 JavaScript 来创建和配置 UIPickerView。以下是一个简单的示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>UIPickerView</title>
<style>
/* 样式配置 */
</style>
</head>
<body>
<div id="pickerContainer"></div>
<script>
function showPicker() {
// 使用 JavaScript 代码创建和配置 UIPickerView
// 可以使用第三方库或者自定义代码来实现 UIPickerView 的功能和样式
}
</script>
</body>
</html>通过以上步骤，你可以在 Cordova 应用中使用 InAppBrowser 来显示 UIPickerView。根据具体需求，你可以根据自己的喜好和项目要求来自定义 UIPickerView 的样式和功能。
推荐的腾讯云相关产品：腾讯云移动应用分析（MTA），该产品提供了丰富的移动应用数据分析功能，可以帮助开发者深入了解用户行为和应用性能，优化应用体验。了解更多信息，请访问腾讯云移动应用分析官方网站：https://cloud.tencent.com/product/mta。
相关·内容
我使用的是Cordova插件"cordova- plugin -listpicker“，它是用于选择项目的原生UIPickerView。它工作得很好，但是我正在使用InAppBrowser来显示一个web应用程序，并且当调用列表选择器插件时，选择器会在InAppBrowser后面打开。所以目前我不得不隐藏浏览器来显示选择器。有没有办法在InAppBrowser上方显示选取器？inAppBrowser
浏览 10提问于2018-02-09得票数 1
回答已采纳
1回答
我想嵌入一个网页由url在我的应用程序与后退按钮。我已经在应用程序内容中安装了人行横道Webview插件。但还没找到办法来利用它。实际上，我是这个平台上的新手。
浏览 2提问于2015-12-02得票数 0
回答已采纳
我有一个学习新语言的网站，我想用cordova phonegap包装。该应用程序需要离线工作。我还想让它在应用程序商店上可用。我的问题。有没有可能只包装整个网站？然后全部离线保存。数据库会发生什么情况？我是否需要为应用程序重新创建数据库，使用sqlite等。
浏览 3提问于2016-10-26得票数 0
**我目前有以下代码：
import {InAppBrowser, InAppBrowserOptions, InAppBrowserEvent, InAppBrowserObject} from '@
浏览 3提问于2019-10-24得票数 0
回答已采纳
在android系统中，我们使用Action意图帮助打开这样的文件，或者提示我们手机中可用的软件来打开这些文件。我也想用phonegap做同样的事。有人能帮忙吗？
浏览 8提问于2014-12-23得票数 0
回答已采纳
2回答
我正在从事ionic项目(ionic v1)我的 科尔多瓦-ios版本- 5.0.1 离子型cli - 3.19.0 并使用http url显示我的应用程序的条款和条件以及隐私策略。cordova-plugin-inappbrowser/issues/492的"usewkwebview=no“，如下所示- cordova.InAppBrowser.open("http://example.com我尝试将InAppBrowser更
浏览 42提问于2019-10-12得票数 1
cordova ios@6.0.0应该修复的已被废弃的UIWebView一直存在问题。我在更新后遇到了另一个问题，在CDVWKInAppBrowser.m第27行：#import 'Cordova/CDVUserAgentUtil.h‘文件中找不到
我看了一下InAppBrowser：的主分支我遵循了以下标准步骤: cordova插件删除cordova插件-inappbrowser cordova插件添加c
浏览 1提问于2020-06-08得票数 5
我目前正在构建一个新闻聚合应用程序，我正在使用InAppBrowser让人们阅读文章。现在，我的问题是:我可以删除URL和导航栏吗？另外，我可以更改“完成”按钮文本吗？谢谢
浏览 6提问于2013-03-24得票数 35
回答已采纳
iOS设备上的问题是，用户无法在不关闭应用程序并重新启动应用程序的情况下从网站返回应用程序。
我使用的是Cordova InAppBrowser 5.0.0插件，这里的例子是。实际上，我构建了一个在iOS设备上进行实验的示例应用程序(在安卓上一切都很好，但没有办法在iOS上使用任何示例应用程序选项)。我甚至在javascript window.open()调用中添加了‘window.open’选项，
浏览 22提问于2022-02-25得票数 2
这个应用程序与一些apis一起工作，所以我必须使用inappbrowser插件。但是在phonegap 2.9.x版本之后，插件的事件不会触发。你可以在这个论坛的上看到这个问题
。因为，当我尝试在dreamweaver中使用phonegap时，我可以在Dreamweaver构建服务中选择phonegap 2.9版本，并且Inappbrowser事件可以在Android 4.x设备上工作问题出在Phonegap版本上。对于某些sdks(admob，...
浏览 1提问于2014-01-16得票数 3
我正在为我的应用程序使用cordova，并使用inAppBrowser插件，在使用此插件之前，cordova build android --release命令工作正常，但添加此插件后，它显示错误，如果我没有给--release它正常工作意味着在调试模式下没有问题。/inappbrowser/InAppBrowser.java:555: Error: Expected resource of type id [ResourceTyp
浏览 1提问于2015-09-30得票数 8
现在我正在尝试使用InAppBrowser插件。这在安卓系统上运行良好，但在iOS上，网页似乎是在Cordova WebView中打开的，而不是在系统浏览器中打开的。我已经尝试删除插件并重新添加它，我还将Cordova更新到最新版本(3.3.0)谢谢!config.xml<feature name="InAppBrowser
浏览 0提问于2014-02-08得票数 4
我对Xcode 5没有任何问题，现在我使用InAppBrowser 0.5.1通过Xcode 6 beta 7运行Cordova 3.5，并且无法让InAppBrowser在iOS7上做任何事情。我对JavaScript中的一个bug很开放，但到目前为止，插件的值是在config.xml中设置的(由Cordova自动添加)： <paramname=&q
浏览 2提问于2014-09-14得票数 0
回答已采纳
我已经将这些添加到config.xml中了<access origin="*"/><access origin="sms:*" launch-external="yes"/&
浏览 0提问于2018-11-07得票数 0
回答已采纳
1回答
Cordova摄像机插件不工作
、、、、
我无法从部署在服务器上的html页面调用cordova相机插件。如果页面在应用程序本身，它就能正常工作。">Device is Ready</p> </div>
<script type="text/javascript" src="cordova.js
浏览 0提问于2016-10-20得票数 0
我可以知道如何创建一个警告对话框，询问用户在按下硬件后退按钮时是否确认退出cordova中的inappbrowser吗？
浏览 0提问于2017-08-07得票数 0
我想要显示从cordova中的flask服务器动态生成的html。我搜索了答案，他们中的许多人建议在index.html文件中这样做。<meta charset="utf-8">
<script type="text/javascript" charset="utf-8" src="cordova
浏览 0提问于2016-12-08得票数 1
我看过其他的问题，但是没有一个解决方案有效cordova.InAppBrowser.open(url, target, options);cordova is notdefined (如果我在代码中删除cordova，则为InAppBrowser is not defined )(...)<gap:plugin name="org.apache.cordova.inapp
浏览 1提问于2016-03-20得票数 0
回答已采纳
我有在Inappbrowser中打开PDF url的代码。我正在Iphone上尝试这个功能。cordova.InAppBrowser.open(aPdfURL，‘_cordova.InAppBrowser.open’，'location=no，EnableViewPortScale=yes')但是如果我把它改成_system而不是_blank，它会打开SAFARI系统浏览器并显示PDF url，但随后我在浏览器中看
浏览 7提问于2019-02-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
