问题标签 [capacitor]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
656 浏览

android - 带有离子 4 应用程序的 android 6 设备上的代理错误

在 Android 6 设备上运行非常基本的 Ionic 4 / Capacitor 应用程序时出现以下错误(见图)。

我认为是因为Android系统webview需要更新。
我自己无法访问设备,因为它与客户端一样,我只有一个模拟器。我似乎无法在模拟器上更新 webview 版本,我认为这是不可能的,所以我无法复制。

Capacitor 表示,如果 webview 是最新的,它应该可以使用回 Android 5.1。我对较旧的 Android 设备不太熟悉。

  • 是否像发送此链接并让他们通过 Play 商店更新 web 视图一样简单? 设备会安装 Play 商店吗?

https://play.google.com/store/apps/details?id=com.google.android.webview&hl=en

在此处输入图像描述

电容器文档: https ://capacitor.ionicframework.com/docs/android/ **Note:**  Currently to use an Android Emulator you must use a system image of at least Android version 7.0 on API 24. This is due to the System WebView version not being able to be updated on emulators. Physical devices should work as low as Android 5.1 so long as they are kept updated.

更新:

我通过删除所有电容器插件让应用程序在设备上运行。我仍然有几个问题:

  • 我需要在应用程序中使用插件

  • css 根本没有正确显示。Ionic 4 颜色均未应用,样式已关闭。

即使在通过 google play 将 Android 系统 webview 更新到最新版本并更新 google chrome 后,它仍然使用旧版本的 webview。
这是 userAgent 的输出:

chrome 上的最新版本是 73.0.3683.90,所以还差得很远。这是设备: https ://www.chainway.net/Products/Info/42

最终更新:

我联系了设备制造商,他们确认 webview 在固件上被锁定到版本 44。
他们正在考虑使用更新的 webview 版本提供固件的更新版本。

此外,只有电容器/核心插件不起作用。我仍然可以使用其他 3rd 方插件,例如条形码阅读器。

如果您处于上述情况,我建议使用 navigator.userAgent 来确定@​​jcesarmobile 在下面的评论中提到的 webview 版本。

0 投票
1 回答
539 浏览

android - 工具栏不显示图标。文本改变了他的颜色,工具栏改变了他在 Android-Ionic 4 中的高度

我正在使用带有角度的 ionic 4 开发一个简单的应用程序,当我使用电容器编译并在 android 中运行时,工具栏发生了变化。显示不正确。文本从白色变为黑色,垃圾桶图标不显示,工具栏的高度增加。其他功能正常工作

工具栏应该有白色文本和垃圾桶图标

在此处输入图像描述

0 投票
3 回答
2857 浏览

android - 使用带有离子和电容器的 https 加载 webview

我正在尝试构建一个 apk,它必须使用带有 ionic 4 和电容器的https://mydomain加载。在电容器.config.json 我精确这个领域:

因为我在那个域中做了一些 API 调用。问题是,我希望我的应用程序在运行应用程序时以调试或 apk 模式加载https://mydomain 。

我什至尝试在电容器.config.json 中做到这一点

但它只是做了这个电话

当我运行应用程序时。所以它只是继续在主机名中添加“http://”。

你知道我可以做些什么来让我的应用程序使用 https 而不是 http 运行吗?

我正在使用 ionic 4 和电容器,目前我正在使用 Android Studio 在 Android 平台上测试所有这些(但我对 IOS 也有相同的)。

谢谢

0 投票
3 回答
904 浏览

html - Ionic 4 *ngFor 在 iOS 中无法正确滚动

我有一个带有离子含量的弹出框。该内容通过 *ngFor 复制,离子内容的最大高度为 400 像素。添加新内容时(来自用户搜索),滚动在 iOS 上无法正常工作。见下文:

我电脑上的 Chrome 和 Safari(正常工作):

在此处输入图像描述

在 iOS 上,它没有正确设置滚动区域,相同的代码。你会看到我尝试滚动查看列表的底部,但每次它都会反弹回来,就好像我在内容的底部一样:

在此处输入图像描述

我也尝试将其放入离子列表中,但我真的不想这样做。它也没有用。

这是 HTML(scrollable 被验证为 true,get-user-location 类只是将最大高度设置为 400px):

0 投票
2 回答
586 浏览

ionic-framework - 平台暂停/恢复事件未在电容器中触发

我试图将这些事件用于我的自动注销计时器功能,但是我现在意识到这些事件在 Capacitor 中尚不可用。 https://forum.getcapacitor.com/t/platform-pause-platform-resume-not-working/249

有谁知道在不使用本机插件的情况下访问这些事件或类似事件的解决方法?

我无法使用插件,因为设备的 webview 已修复为旧版本 (44)。

编辑:事实证明我可以使用一些本机插件,但不能使用电容器插件。

0 投票
0 回答
2276 浏览

performance - Ionic4/ Angular7 上的缓慢性能(模态,离子按钮)

我正在使用带有角度/材料的 Ionic 4/Angular7 来构建我的应用程序。但是,我在真实设备(三星 C5)上面临性能缓慢的问题。

我的页面设置是一个 Home.page 包含一个 headerCompontent,并使用一个按钮(modalCtrl)从 headerCompontent 调用 Filter.page。

  1. 离子按钮

我已经使用这个组件来构建一个带有这样的图标的过滤器按钮

单击按钮时,会显示波纹效果,并且波纹效果有点慢和滞后。我试过用(click),但它是一样的。

2.离子模态

我有一个过滤器页面,我尝试使用 modalCtrl 来调用它,如下所示

模态过滤器不是全屏模态,而是盒子模态,使用Animation.css ZoomIn效果,在本地浏览器中非常流畅,但是当我在真机上尝试时,第一次调用ZoomIn效果很慢,它就像使用2-3帧完成整个动画一样。但是,第一次调用之后就流畅了很多,但还是和浏览器不一样。

我使用了 --prod 标志和 Capacitor 来构建 apk。有什么改进的建议吗?喜欢预加载 FilterModal 页面?

这是我的ionic info

更新

我试过在iPhone上构建和运行,没有问题,动画快速流畅。但是,我尝试使用另一部 Android 手机测试相同的东西,它仍然在第一次调用时出现缓慢的动画,之后变得更流畅。

这两款 Android 手机都在 Android 8 上并使用 Chrome WebView。

0 投票
1 回答
2490 浏览

ionic-framework - 如何在 Ionic 4 上的本地存储中存储图像?(简单且最新)

我正在尝试拍照并将其保存在本地存储中,但我对 base64 了解不多(它是检索相机的类型),我错过了一些简单的方法。但问题是没有新的方法可以让它更容易,有人知道吗?非常感谢

我正在关注这些教程,但这并不能说服我,因为你可以看到有太多的 beta 版本并且不知道如何使用“ionic-native”、“capacitor”或“cordova”?信息太多,没有更新……</p>

https://tphangout.com/ionic-4-camera-with-capacitor/

https://devdactic.com/ionic-4-image-upload-storage/

我的代码:

0 投票
1 回答
3141 浏览

android - 如何使用 Ionic Capacitor 打包托管 Web 应用程序

我有一个托管的、基于 CMS 的 Web 应用程序,我想用 Ionic Capacitor 将其打包为 Android / iOS 应用程序。所以我加了

到电容器.config.json 并做到了

在我的应用程序的主要 Javascript 文件中(我使用 webpack 进行捆绑)。这基本上是可行的,即应用程序被正确加载和显示。但在控制台上,我看到 Capacitor 加载了插件的 Web 版本,并Device.getInfo()说平台是“web”,而不是“android”。

当我的应用程序从设备的文件系统加载时,我怎样才能让 Capacitor 像它一样工作,特别是如何让它在这个设置中使用插件的本机版本?

0 投票
1 回答
42 浏览

android - 无法从 android 中的服务获取数据,但在桌面上的网络浏览器中工作正常

当我运行离子电容器运行android时,我试图从我的android服务中的firebase获取数据,但我一直不确定。但是,当我运行 ionic serve 时,我可以在网络浏览器上很好地获取数据。任何人都可以请教我吗?这几天我一直在为此苦苦挣扎。

0 投票
1 回答
2471 浏览

angular - NativeGeocoderReverseResult 在 ionic4 + 电容器中导入时出错

从本地地理编码器导入 NativeGeocoderReverseResult 时出错。我正在使用带电容器的 ionic4

从 '@ionic-native/native-geocoder/ngx' 导入 { NativeGeocoder, NativeGeocoderReverseResult, , NativeGeocoderOptions };除了 NativeGeocoderForwardResult 之外的所有内容都在导入且没有错误