unnamed2-11402×433 37.8 KB

I want to do: ionic cordova build android

1 post - 1 participant

Read full topic

Originally published at: https://ionicframework.com/blog/best-practices-for-building-offline-apps/

(Photo by Jon Flobrant on Unsplash) It’s a hard truth every software developer faces at some point: consistent Internet access is never guaranteed. WiFi is available everywhere nowadays, but service can be spotty or overloaded with connection requests (such as at large events or conferences). And, you can’t stop your users from accessing your app…

1 post - 1 participant

Read full topic

Originally published at: https://ionicframework.com/blog/2020-ionic-year-in-review/

It goes without saying, 2020 was quite the year. I’ll spare you the clichés, we’re just hoping all of you in the great Ionic community are staying safe and healthy. Despite such a challenging year, we’re optimistic there’s a light at the end of this tunnel and a promise of a return to normalcy. With…

2 posts - 2 participants

Read full topic

Is there a way, similar to testing Ionic Angular apps, to implement proxies to circumvent CORS issues? I’m trying to test a custom web component for work, that calls out to an API via fetch, and populates a variable within the component. However, when trying to test this in localhost by running npm start, the console kicks back a CORS error. Anyone figure out how to do this? I’d prefer not having to build and deploy my changes to our dev server to try to see if everything is working correctly.

1 post - 1 participant

Read full topic

Hey guys its been weeks that my app was running great in broswer as serve or serve -l and on some android devices as build -prod and build as apk or run.
but not running on other devices like android v8.1 it was just the blank white screen

now i found a way to remote debugg it in chrome devtools, this is the error output:

ReferenceError: globalThis is not defined
    at Module.<anonymous> (vendor-es5.js:158248)
    at Module.spgP (vendor-es5.js:158400)
    at __webpack_require__ (runtime-es5.js:85)
    at Module.ZAI4 (main-es5.js:295)
    at __webpack_require__ (runtime-es5.js:85)
    at Module.zUnb (main-es5.js:647)
    at __webpack_require__ (runtime-es5.js:85)
    at Object._ (main-es5.js:19)
    at __webpack_require__ (runtime-es5.js:85)
    at checkDeferredModules (runtime-es5.js:46)
capacitor.handleError @ capacitor-runtime.js:358
capacitor.handleWindowError @ capacitor-runtime.js:378

if i follow in those vendor-es5.js files the error that they is un undefined
globalThis. on these line of angular fire

globalThis.ɵAngularfireInstanceCache || (globalThis.ɵAngularfireInstanceCache = new Map());

help me know what to do in this situation plx
and thx in advance

1 post - 1 participant

Read full topic

Good night, I’m starting to study Ionic 6 and I saw in the code the tags for me to change the icon, , but in the documentation it just shows like this, . How do I change the icons on Ionic 6?

Thank you very much.

1 post - 1 participant

Read full topic

Hi,
I am developing an app for a POS Terminal device. In my app there is button to print a reciept. When i am used printer plugin, it gives me print prompt. Bu I didint founf my device inbuilt printer listed on there.
Also tried with blutooth POS Plugins, but all of those plugins are only support thermal printers connected through bluetooth/USB/LAN.

Please suggest me a way to handle that inbuilt printer from ionic itself.

1 post - 1 participant

Read full topic

hello. i have this page explore that categorizes destinations by ion-cards, these cards are clickable and opens to a modal page destinations, now what I want to happen is by clicking this cards the modal page destinations changes content according to the category clicked.

can someone help me with this ?

here is the explore.component.ts

import { Component, OnInit } from '@angular/core';
import { ModalController } from '@ionic/angular';
import { Router } from '@angular/router';
import { DestinationsComponent } from './destinations/destinations.component';
import { IonRouterOutlet } from '@ionic/angular';


@Component({
  selector: 'app-explore',
  templateUrl: './explore.component.html',
  styleUrls: ['./explore.component.scss'],
})
export class ExploreComponent implements OnInit {

  constructor(private router: Router,
              private modalController: ModalController,
            
              private routerOutlet: IonRouterOutlet
              ) { }

  ngOnInit() {}


  

  async presentModal() {
    const modal = await this.modalController.create({
      component: DestinationsComponent,
      cssClass: 'my-custom-class',
      swipeToClose: true,
      presentingElement: this.routerOutlet.nativeEl
    });
     await modal.present();
  
  } 


}

explore.component.html

 <div class="categoryName">
    <ion-row >
      <ion-col >
        <ion-card button="true" (click)="presentModal()">
              <img src="\assets\images\beachresort.jpg"> 
          <ion-card-header>
            <ion-card-title>Beach Resorts</ion-card-title>
          </ion-card-header>
        </ion-card>
      </ion-col>
      <ion-col> 
        <ion-card button="true" (click)="presentModal()">
            <img src="\assets\images\botanical.jpg"> 
        <ion-card-header>
          <ion-card-title>Botanical Gardens</ion-card-title>
        </ion-card-header>
     </ion-card> 
     </ion-col>
    </ion-row>
    <ion-row> 
    <ion-col>  
      <ion-card button="true" (click)="presentModal()">
          <img src="\assets\images\caves.jpg"> 
      <ion-card-header>
        <ion-card-title>Caves</ion-card-title>
      </ion-card-header>
           
      </ion-card>
    </ion-col>
    <ion-col> 
      <ion-card button="true" (click)="presentModal()" >
          <img src="\assets\images\inland-resort.jpg">
      <ion-card-header>
        <ion-card-title>Inland Resorts</ion-card-title>
      </ion-card-header>
   </ion-card> 

   </ion-col> 
</ion-row>
  </div>
</ion-content>

destinations.ts

import { Component, OnInit } from '@angular/core';
import { ModalController } from '@ionic/angular';
import { PlacesService } from 'src/app/services/places/places.service';


@Component({
  selector: 'app-destinations',
  templateUrl: './destinations.component.html',
  styleUrls: ['./destinations.component.scss'],
})
export class DestinationsComponent implements OnInit {

  constructor(public modalCtrl: ModalController, 
              private placesService: PlacesService) { }

  ngOnInit() {
    this.getAllBeaches();
  }
  closeModal(){
    this.modalCtrl.dismiss();
  }
  beachList = []
   
  getAllBeaches(){
    this.placesService.getAllBeaches().subscribe( 
      beaches => {
        this.beachList = beaches;
      }
    )
  }
}

destinations.html

<div class="">
  <ion-list> 
  <ion-grid> 
    <ion-row> 
  <ion-col *ngFor ="let item of beachList">
      <ion-card button="true" color="#f5f6f9">
        <img src="{{item.imagePath}}">
          <ion-card-content> 
            <h2>{{item.placeName}}</h2> 
          <ion-card-title><b><h1> {{item.description}}</h1></b> </ion-card-title>
           <p>{{item.location}}
         </ion-card-content>
         
        <ion-button  shape="round" size="small" style="font-size: 8pt;"><span style="padding-left: 10%; margin-right: 15%;">Book</span></ion-button>  
      </ion-card> 
    </ion-col>
  </ion-row>
  </ion-grid>
</ion-list>
</div>

places.service.ts

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class PlacesService {


  constructor(private http : HttpClient) { }



//retrieves all beaches from database
  public getAllBeaches() : Observable<any>{
    return this.http.get('http://localhost:8000/api/getAllPlacesbyCategory/1',{
      headers: { 'Content-Type': 'application/json'}
    })
  }

//retrieves all inland resorts from database
  public getAllInland() : Observable<any>{
    return this.http.get('http://localhost:8000/api/getAllPlacesbyCategory/2',{
      headers: { 'Content-Type': 'application/json'}
    })
  }



}

1 post - 1 participant

Read full topic

I am trying to integrate an external js library into ionic 5 and also testing in ionic 4. But, I am not able to access window properties. I get error:

> snapKitInit does not exist in Window & typeof globalThis

I have included the following script tag which loads the js library from inside index.html

   <script>
      // Load the SDK asynchronously
      (function (d, s, id) {
        var js,
          sjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s);
        js.id = id;
        js.src = "https://sdk.snapkit.com/js/v1/login.js";
        sjs.parentNode.insertBefore(js, sjs);
      })(document, "script", "loginkit-sdk");
    </script>

In app.component.ts

  doLogin() {
    window.snapKitInit = function () {
            var loginButtonIconId = 'my-login-button-target';
            // Mount Login Button
            snap.loginkit.mountButton(loginButtonIconId, {
              clientId: 'YOUR_CLIENT_ID',
              redirectURI: 'YOUR_REDIRECT_URI',
              scopeList: [
                'user.display_name',
                'user.bitmoji.avatar',
                'user.external_id'
              ],
              handleResponseCallback: function() {},
            });
      };
  }

1 post - 1 participant

Read full topic

I tried to navigate between to pages home page -> game page then in my home page i have a when i click the card then the page won’t animate instead it will reload the page before going to game page. So i asked if ion-router-outlet has a default animate when using href properties and is it normal that if i clicked the page it will also reload the current page before entering the next page? If yes then why mine not working. I’m sorry i’m just a beginner in this framework. I’m using ionic 5 and vue 3. Thanks for the respond.

Here is the screenshot:

Card component

Screenshot from 2020-12-19 20-22-231366×768 154 KB

Routes

Screenshot from 2020-12-19 20-36-261366×768 132 KB

1 post - 1 participant

Read full topic

I am trying to implement DevOps on Databricks.

I have completed devops implementation for databricks notebooks and dbfs files.

I do have many databricks jobs running on my cluster based on schedule. Some of these jobs points to notebook files and few points to jar file in the dbfs location.

Is there any way to implement devops process on the databricks jobs so that any change in any of the jobs will invoke build pipeline and deploy the same in another databricks instance.

First of all I just wanted to know whether it is possible to implement devops on databricks jobs.

Any Leads Appreciated!

1 post - 1 participant

Read full topic

Hello,

I have encountered an error that I have not been able to resolve for a few days.

I just installed a new project
ionic start NewProject sidemenu --type angular

After install:

# update to Angular 11
ng update @angular/cli @angular/core rxjs
npm install @ionic/angular@latest @ionic/angular-toolkit@latest
ng add @angular-eslint/schematics

ng add @angular/pwa
ng add @nguniversal/express-engine
npm install @angular/animations
npm install @ionic/angular-server

When I launch the application everything works fine, but as soon as I add IonicServerModule in app.server.module.ts and I restart the application I have the following error message:

Cannot read property ‘bind’ of undefined at hydrateFactory (D:\www…\dist\app\server\main.js:83524:36)

I also noticed that the console displays a warning which should not be displayed since we are on Ionic 5

[DEPRECATED][ion-menu] Using the [main] attribute is deprecated, please use the "contentId" property instead:
BEFORE:
  <ion-menu>...</ion-menu>
  <div main>...</div>

AFTER:
  <ion-menu contentId="main-content"></ion-menu>
  <div id="main-content">...</div>

I also upgraded all the other packages to the latest version, the result is the same. Has anyone ever encountered this problem?

Thanks for your help.

1 post - 1 participant

Read full topic

Hey guys I’m trying to add Push Notifications on my project but I can’t get the Device Token. I also noticed that when I changed the AppDelegate.swift file, XCode is giving me a deprecation warning. Could that be related?

The warnings are:

‘InstanceID’ is deprecated: FIRInstanceID is deprecated, please use FIRInstallations for installation identifier handling and FIRMessaging for FCM registration token handling.

‘instanceID(handler:)’ is deprecated: Use Installations.installationID(completion:) to get the app instance identifier instead. Use Messaging.token(completion:) to get FCM registration token instead.

Any help?

Thanks

1 post - 1 participant

Read full topic

It looks like React/webpack during build process is not attaching correct polyfills, or the polyfills does not apply the ‘replaceAll’ function to String prototype

In an app built with Ionic 5, capacitor and React, everything runs correctly when debugging locally through browser using react-scripts start .

Then I tried to build it for Android, went through docs: added android platform, then build and started the app using ionic capacitor run android in the emulator.

The same code that runs well in local OSX browser, throws a following runtime error in an emulator:

TypeError: e.replaceAll is not a function

where “e” is of the string type.

Emulator details

Android version: 11
Browser version in emulator: Chrome/83.0.4103.44

Package.json

{
  "name": "example",
  "version": "0.0.1",
  "private": true,
  "dependencies": {
    "@capacitor/android": "^2.4.5",
    "@capacitor/core": "2.4.2",
    "@ionic/react": "^5.5.2",
    "@ionic/react-router": "^5.5.2",
    "@testing-library/jest-dom": "^5.11.6",
    "@testing-library/react": "^11.2.2",
    "@testing-library/user-event": "^12.6.0",
    "@types/jest": "^26.0.19",
    "@types/node": "^14.14.14",
    "@types/react": "^16.14.2",
    "@types/react-dom": "^16.9.10",
    "@types/react-router": "^5.1.8",
    "@types/react-router-dom": "^5.1.6",
    "assert": "^2.0.0",
    "ionicons": "^5.2.3",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-router": "^5.2.0",
    "react-router-dom": "^5.2.0",
    "react-scripts": "^3.4.3",
    "tslint": "^6.1.3",
    "typescript": "^4.1.3"
  },
  "scripts": {
    "start": "react-scripts start --no-cache",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 5 chrome versions",
      "last 5 firefox versions",
      "last 5 safari versions"
    ]
  },
  "devDependencies": {
    "@capacitor/cli": "2.4.2"
  },
  "description": "An Ionic project"
}

Have you guys ever struggled with such anomalies?

I’ll appreciate any help!

EDIT:

It looks like String.prototype.replaceAll is not supported by polyfills… So why ESLint does not highlight it as not defined

EDIT 2:

To make linter detect it as undefined tsconfig.json can be used to configure target, like so:

"compilerOptions": {
    "target": "es5",
    # ES6 instead of esnext:        vvv
    "lib": ["dom", "dom.iterable", "ES6"]

1 post - 1 participant

Read full topic

Hello

I have a problem with my header in android because it overlaps the statusbar.

I tried both this.statusBar.overlaysWebView(true) & this.statusBar.overlaysWebView(true)

I use the Cordova statusbar plugin and also played around with the setting in the config.xml & .

Really nothing solved the issue.

Can someone help? I’m stuck with this issues and tried hard to fix it. I even tried to implement an own css for android. Even this did not solve my issue.

Thank you in advance for your help!!!

1 post - 1 participant

Read full topic

Ionic:

Ionic CLI : 5.2.7 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 5.5.2
@angular-devkit/build-angular : not installed
@angular-devkit/schematics : 10.0.8
@angular/cli : 10.0.8
@ionic/angular-toolkit : 2.3.3

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 4 other plugins)

Utility:

cordova-res : 0.14.0 (update available: 0.15.2)
native-run : 1.0.0 (update available: 1.3.0)

System:

Android SDK Tools : 26.1.1 (/Users/myname/Library/Android/sdk)
ios-deploy : 1.9.2
ios-sim : 8.0.2
NodeJS : v12.18.3 (/usr/local/bin/node)
npm : 6.14.6
OS : macOS Catalina
Xcode : Xcode 12.3 Build version 12C33

I am not really sure where i am doing wrong… When app is installed on the device it just gives me a blank screen and it never disappears…

1 post - 1 participant

Read full topic

Hello. I am new to programming on Ionic. I am on Ionic version 5.4.16, and I am trying to build my Ionic Angular app that has been integrated with Cordova for Android. In the terminal in the root of my app, I type ionic cordova build android , but I cannot get my app to build. The app builds up to a certain point, but crashes with the following error:

> Task :CordovaLib:generateDebugRFile FAILED

FAILURE: Build failed with an exception.

* What went wrong:
A problem was found with the configuration of task ':CordovaLib:generateDebugRFile' (type 'GenerateLibraryRFileTask').
> File 'C:\Projects\MyApp\platforms\android\CordovaLib\build\intermediates\local_only_symbol_list\debug\R-def.txt' specified for property 'localResourcesFile' does not exist.

Any support would be greatly appreciated! Thank you!

1 post - 1 participant

Read full topic

I’m a seasoned Computer Engineer (read “old”) coming from procedural era (Pascal et.al.). A couple of years ago I implemented an Ionic 3/Angular/Cordova project for Android where I mainly used Promise’s.

Nowadays, to refresh myself with a useful example, I’m implementing a “CMS like” PWA with Ionic 5 + Angular 10 + Capacitor. It has different/unrelated/semi-related modules which have their own data, from local JSON files and from generated from remote API’s which we own. It basically is a portal combining data from multiple websites’ into an app-like structure with some additional hard-coded data.

After a months work I found out that I’m forced to only using observables, but I think I also found the so called “observable hell” (I miss the good old days)…

Here is my idea of implementation:

• Data Service - providing the data, mainly in raw format (a singular object)
• Content Service - A higher level interface which handles the raw data to adjust for the application.
• Components - Using content service to render some stuff (menus, header, footer, dynamic loading of other components to render templates for articles/modules in “CMS” etc)
• Pages - Using Content Service and Components to render the final page.

I try to combine all off them with Observables, so if one process modifies the data (e.g. a menu click) the view changes.

My first question is: Is this the way to go?

I could make a first alpha with dummy data and no business logic work. The first alpha of an alpha can be seen here with some dummy data:

Then I started to implement more.

After a while, I started to get hard to debug runtime errors, each one consuming more time, those only reference main, polyfill & vendor.js. Each time I find the culprit (mainly data not ready) I started to add if-then-else or ngIf controls, .subscribe here and there, get to local variables and try to use them, move code around between ngOnInit and other hooks, put/remove async here and there etc etc.

There must be a major misunderstanding from my side, although I spent a week to read and re-read documentation and many tutorials. Version differences also do not help at all. And most probably I’ve got tired, my brain is neary to explode…

My second question: What is the correct way of chaining observables between my layered objects?

Probably if I would only use DataService and include it everywhere it would work. But when layered (logic dictates that), I cannot get rid of errors.

Must each level subscribe to one lower levels’s data?
Where should it implemented? ngOnInit?
Do need to (re-)implement getters/setters at each level?

I tried to write a minimal code today but again I failed to run it. If I can get some pointers and/or a link to a good tutorial, probably I can correct the code and present here.

Any input is very much welcome.

1 post - 1 participant

Read full topic

Hi.

what is difference between this.router.navigate with window.location.href

After reading the QR, i am having problem on the page I redirected with “this.router.navigate”. But there is no problem with window.location.href.
Do you mind using window.location.href on some pages?

1 post - 1 participant

Read full topic

I tested my Cordova-based app on the iPhone 11 Pro Max simulator. everything look good as a design. But I realized that I cannot click on the elements I want to click. I have to click about 20 pixels above what I want to click. This is for every element on page.

For example, I have to click on the yellow circle to open the tab shown with the red circle in the screenshot below.

My index.html

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">

**If I add viewport-fit=cover, clicks are ok, but this time there is a large (really big) area below tabbar. exactly like this:Problem screen ionic app on iPhone 11 Pro Max

config.xml

<?xml version='1.0' encoding='utf-8'?>
<widget id=“xx” version="0.0.7" xmlns="http://www.w3.org/ns/widgets" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <content src="index.html" />
    <access origin="*" />
    <allow-navigation href="*" />
    <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="ScrollEnabled" value="false" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="3000" />
    <preference name="orientation" value="portrait" />
    <preference name="android-targetSdkVersion" value="29" />
    <preference name="scheme" value="app" />
    <preference name="hostname" value="localhost" />
    <preference name="WKWebViewOnly" value="true" />
    
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
        <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
        <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
        <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
        <icon height="20" src="resources/ios/icon/icon-20.png" width="20" />
        <icon height="40" src="resources/ios/icon/icon-20@2x.png" width="40" />
        <icon height="60" src="resources/ios/icon/icon-20@3x.png" width="60" />
        <icon height="48" src="resources/ios/icon/icon-24@2x.png" width="48" />
        <icon height="55" src="resources/ios/icon/icon-27.5@2x.png" width="55" />
        <icon height="29" src="resources/ios/icon/icon-29.png" width="29" />
        <icon height="58" src="resources/ios/icon/icon-29@2x.png" width="58" />
        <icon height="87" src="resources/ios/icon/icon-29@3x.png" width="87" />
        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
        <icon height="88" src="resources/ios/icon/icon-44@2x.png" width="88" />
        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
        <icon height="172" src="resources/ios/icon/icon-86@2x.png" width="172" />
        <icon height="196" src="resources/ios/icon/icon-98@2x.png" width="196" />
        <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
        <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
        <splash height="1125" src="resources/ios/splash/Default-Landscape-2436h.png" width="2436" />
        <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
        <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
        <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
        <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
        <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
        <splash height="2436" src="resources/ios/splash/Default-2436h.png" width="1125" />
        <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
        <icon height="20" src="resources/ios/icon/icon-20.png" width="20" />
        <icon height="40" src="resources/ios/icon/icon-20@2x.png" width="40" />
        <icon height="60" src="resources/ios/icon/icon-20@3x.png" width="60" />
        <icon height="29" src="resources/ios/icon/icon-29.png" width="29" />
        <icon height="58" src="resources/ios/icon/icon-29@2x.png" width="58" />
        <icon height="87" src="resources/ios/icon/icon-29@3x.png" width="87" />
        <icon height="48" src="resources/ios/icon/icon-24@2x.png" width="48" />
        <icon height="55" src="resources/ios/icon/icon-27.5@2x.png" width="55" />
        <icon height="88" src="resources/ios/icon/icon-44@2x.png" width="88" />
        <icon height="172" src="resources/ios/icon/icon-86@2x.png" width="172" />
        <icon height="196" src="resources/ios/icon/icon-98@2x.png" width="196" />
        <icon height="216" src="resources/ios/icon/icon-108@2x.png" width="216" />
        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
        <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
        <splash height="2688" src="resources/ios/splash/Default-2688h~iphone.png" width="1242" />
        <splash height="1792" src="resources/ios/splash/Default-1792h~iphone.png" width="828" />
        <splash height="2436" src="resources/ios/splash/Default-2436h.png" width="1125" />
        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
        <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
        <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
        <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
        <icon height="20" src="resources/ios/icon/icon-20.png" width="20" />
        <icon height="40" src="resources/ios/icon/icon-20@2x.png" width="40" />
        <icon height="60" src="resources/ios/icon/icon-20@3x.png" width="60" />
        <icon height="29" src="resources/ios/icon/icon-29.png" width="29" />
        <icon height="58" src="resources/ios/icon/icon-29@2x.png" width="58" />
        <icon height="87" src="resources/ios/icon/icon-29@3x.png" width="87" />
        <icon height="48" src="resources/ios/icon/icon-24@2x.png" width="48" />
        <icon height="55" src="resources/ios/icon/icon-27.5@2x.png" width="55" />
        <icon height="88" src="resources/ios/icon/icon-44@2x.png" width="88" />
        <icon height="172" src="resources/ios/icon/icon-86@2x.png" width="172" />
        <icon height="196" src="resources/ios/icon/icon-98@2x.png" width="196" />
        <icon height="216" src="resources/ios/icon/icon-108@2x.png" width="216" />
        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
        <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
        <splash height="2688" src="resources/ios/splash/Default-2688h~iphone.png" width="1242" />
        <splash height="1242" src="resources/ios/splash/Default-Landscape-2688h~iphone.png" width="2688" />
        <splash height="1792" src="resources/ios/splash/Default-1792h~iphone.png" width="828" />
        <splash height="828" src="resources/ios/splash/Default-Landscape-1792h~iphone.png" width="1792" />
        <splash height="2436" src="resources/ios/splash/Default-2436h.png" width="1125" />
        <splash height="1125" src="resources/ios/splash/Default-Landscape-2436h.png" width="2436" />
        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
        <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
        <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
        <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
        <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
        <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
        <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
        <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
        <splash src="resources/ios/splash/Default@3x~universal~anyany.png" />
        <splash src="resources/ios/splash/Default@3x~iphone.png" />
        <splash height="2436" src="resources/ios/splash/Default-812h@3x.png" width="1125" />
        <splash src="resources/ios/splash/Default@2x~iphone~anyany.png" />
        <splash src="resources/ios/splash/Default@2x~iphone~comany.png" />
        <splash src="resources/ios/splash/Default@2x~iphone~comcom.png" />
        <splash src="resources/ios/splash/Default@3x~iphone~anyany.png" />
        <splash src="resources/ios/splash/Default@3x~iphone~anycom.png" />
        <splash src="resources/ios/splash/Default@3x~iphone~comany.png" />
        <splash src="resources/ios/splash/Default@2x~ipad~anyany.png" />
        <splash src="resources/ios/splash/Default@2x~ipad~comany.png" />
    </platform>
    <plugin name="cordova-plugin-whitelist" spec="^1.3.3" />
    <plugin name="cordova-plugin-ionic-keyboard" spec="^2.2.0" />
    <plugin name="cordova-sqlite-storage" spec="^5.1.0" />
    <plugin name="cordova-plugin-device" spec="^2.0.3" />
    <plugin name="cordova-plugin-app-version" spec="^0.1.9" />
    <plugin name="cordova-clipboard" spec="^1.3.0" />
    <plugin name="onesignal-cordova-plugin" spec="^2.11.2" />
    <plugin name="cordova-plugin-statusbar" spec="https://github.com/apache/cordova-plugin-statusbar.git" />
    <plugin name="cordova-plugin-splashscreen" spec="^6.0.0" />
    <plugin name="cordova-plugin-ionic-webview" spec="^4.2.1">
        <variable name="ANDROID_SUPPORT_ANNOTATIONS_VERSION" value="27.+" />
    </plugin>
    <engine name="android" spec="7.0.0" />
    <engine name="ios" spec="^6.1.1" />
</widget>

System:

Ionic:

   Ionic CLI          : 5.4.16 (/usr/local/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.9
   @ionic/app-scripts : 3.2.4

Cordova:

   Cordova CLI       : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms : ios 6.1.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 8 other plugins)

Utility:

   cordova-res (update available: 0.15.2) : 0.8.1
   native-run                             : not installed

System:

   ios-deploy : 1.10.0
   ios-sim    : 8.0.2
   NodeJS     : v12.13.0 (/usr/local/bin/node)
   npm        : 6.12.0
   OS         : macOS Big Sur
   Xcode      : Xcode 12.3 Build version 12C33

Thanks.

1 post - 1 participant

Read full topic