标签: ionic-native

我打算使用离子本机存储来存储一些翻译历史记录,只要有翻译的单词.翻译操作(日期,翻译单词)将存储在离子本机存储中,当我打开历史页面时,将显示翻译历史列表.

这是我从离子官方网站获得的最基本的代码:

export class HomePage {
  DataArray: Array<string> = [];

  constructor(public navCtrl: NavController, private storage: Storage) {

  }
  // set a key/value
  setData(){
  this.storage.set('age', 'Max');
  }
  // Or to get a key/value pair
  getData(){
  this.storage.get('age').then((val) => {
    console.log('Your age is', val);
  });
}
}

我正在开发与离子3.一个混合的应用程序需要我就喜欢snapchat顶部覆盖图像记录视频的Instagram等有一个插件，它在这里

但是在文档中，它仅在当前适用于iOS的地方添加了覆盖图（我想在iOS和Android上都添加），而且我认为它不会在视频顶部记录覆盖图。到目前为止，我做了很多研究，但找不到任何合适的方法。任何帮助将非常有帮助

自此新XCode更新以来，是否有人遇到过白色状态栏？

在更新之前，此代码有效。

statusBar.styleBlackTranslucent();

...现在我得到一个带有白色文本的白色栏。（请参见屏幕截图）

有关相关的调试信息：

statusBar.hide(); 

正在运行...所以我知道cordova-plugin-statusbar仍在某种程度上起作用。

但是，当我取出所有状态栏代码并从XCode导出时，该栏仍然是带有白色背景的白色文本。

当然，更新将在我要发布Beta版的那一天进行。

这是我的config.xml：

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.XX" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>XX</name>
    <description>Create, experience, share.</description>
    <author email="XX@XX.com" href="https://XX.com/">Rob Gungor</author>
    <content src="index.html" />
    <access origin="*" />
    <allow-navigation href="http://ionic.local/*" />
    <allow-navigation href="http://192.168.11.58:8100" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <preference name="webviewbounce" value="true" />
    <preference name="UIWebViewBounce" value="true" />
    <preference name="DisallowOverscroll" value="true" />
    <preference name="android-minSdkVersion" value="16" />
    <preference name="BackupWebStorage" value="cloud" />
    <preference name="SplashMaintainAspectRatio" value="true" …

如何在 Ionic 3 的后台应用程序中创建本地通知？我在这里尝试了教程https://ionicframework.com/docs/native/local-notifications/但它仅适用于前台应用程序

提前致谢..

我开发了一个 ionic 3 应用程序。我无法从我的应用程序中使用 ionic 3 中的特定联系人打开 Whatsapp。我不想发送或共享任何内容，而只想从我的应用程序中使用特定联系人打开 Android 和 iOS 中的 Whatsapp。有什么办法可以打开whatsapp吗？到目前为止，我已经实施如下，但不起作用

window.open(`whatsapp:${+911234567890}`, '_system');

任何帮助非常感谢。

我正在尝试使用与Cordova Safe插件配合使用的Ionic Native File Encryption插件.

但是,在我添加插件并尝试运行(即使不在我的代码中使用它)使用之后ionic cordova run android,我收到此错误:

BUILD FAILED in 5s
at ChildProcess.whenDone (C:\Users\User\Ionic\App\platforms\android\cordova\node_modules\cordova-common\src\superspawn.js:169:23)
at emitTwo (events.js:126:13)
at ChildProcess.emit (events.js:214:7)
at maybeClose (internal/child_process.js:925:16)
at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
(node:70968) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)

问题是什么？

我使用 Ionic FabButton 作为固定位置内容上方的浮动按钮。我的代码是：-

<ion-fab bottom right class="fab-image" (tap)="nextStep()">
   <button ion-fab style="display: none;"></button>
   <img src="assets/icon/custom/green_arrow.png" alt="">
</ion-fab>

我的 CSS 如下fab-image：-

.fab-image{
  position: fixed !important;
  width: 62px;
}

现在它在 Android 上运行得很好：-

单击此处查看其在 Android 上的运行情况

在 iPhone 中它的工作原理如下：

单击此处查看它在 iPhone 上的运行情况

问题是 iPhone 上的故障。fab 按钮随着屏幕移动而移动。有什么想法如何解决这个问题吗？

如何在设备上使用预加载所有策略并在浏览器上使用不预加载？我们可以像这样加载所有模块：

imports: [
CommonModule,
RouterModule.forRoot(appRoutes, { preloadingStrategy: PreloadAllModules }),
...
],

这将在任何平台上预加载所有模块，但我想防止在浏览器上运行时预加载。并且它只能在设备上预加载

将 Ionic 从 v5.0 更新到 v5.3.1（最新版本）以及适当提高 Capacitor、Ionic Native 和开发依赖项的版本的正确 npm 命令集是什么？

我在 Ionic 文档中找不到带有命令的更新指南，不像在 Angular 中，您可以按照https://update.angular.io上的更新步骤进行操作。它们似乎没有表明 CLI 版本是否应该与 Ionic 版本匹配，或者是否需要特定版本的 Ionic 或 CLI 的 Capacitor 版本，或者这些都不重要。

我会运行这些命令吗：

// dependencies
npm install @capacitor/android@latest
npm install @capacitor/core@latest
npm install @capacitor/ios@latest
npm install @ionic/core@latest
npm install @ionic-native/core@latest
npm install @ionic-native/in-app-browser@latest
npm install @ionic-native/splash-screen@latest
npm install @ionic-native/status-bar@latest
npm install @ionic/angular@latest
npm install @ionic/storage@latest
// dev dependencies
npm install @capacitor/cli@latest
npm install @ionic/angular-toolkit@latest
npm install @ionic/lab@latest

或等效地只是运行npm upgrade <LIST_OF_ABOVE_PKGS>？Ionic、Ionic …

我已经遇到同样的问题几个月了，但仍然找不到解决方案。我有一个应用程序，其中有多种表单，当专注于输入字段时，键盘会覆盖该输入字段，并且用户看不到任何内容。这只发生在iOS上，在Android上一切正常。

在此应用中，我使用带有电容器的 ionic 5。

这就是我希望我的应用程序工作的方式：示例 1

目前它的工作原理如下：示例2

.HTML

<form [formGroup]="formSubmit" (ngSubmit)="formSubmit()">      
  <mat-form-field appearance="outline" class="field-style">
    <input matInput maxlength="35" class="input-form" placeholder="Agregar un alias (opcional)" formControlName="alias">
  </mat-form-field>
  <button mode="ios" class="btn-siguiente-enable" expand="block" type="submit" *ngIf="formSubmit.valid">Siguiente</button>    
</form>

.TS

ngOnInit() {
    this.initForms();

    Plugins.Keyboard.setScroll({isDisabled: true});

    Plugins.Keyboard.addListener('keyboardWillShow', (info: KeyboardInfo) => {
      Plugins.Keyboard.setResizeMode({mode: KeyboardResize.None});
    });

    Plugins.Keyboard.addListener('keyboardWillHide', () => {
      Plugins.Keyboard.setResizeMode({mode: KeyboardResize.Native});
    });
  }  

知道如何解决这个问题吗？