Ionic

Ionic 4 Notes

Ionic 4 Notes

Ionic
This blog covers major issues and resolutions which all the developers face while using ionic/cordova.   1. Debugging Empty white screen ionic issue: Are you facing empty white screen after your splash screen, then run the below command and see there is any issue in your html/js code snippets, ionic cordova run android --prod /   2. Ionic API Building command: [Run this command to build your ionic app to unsigned apk] ionic cordova build --release android / ionic cordova build Resolution for java.lang.IllegalStateException: Dex archives: setting .DEX extension only for .CLASS files Run this command to clear this issue and even any cordova odd issues cordova clean   3. Run the below command to update the cordova plugins: cordova-plugin-update 4. How to resol...

Publish your ionic 4 android app to playstore in just 4 steps

Ionic
Ionic: awesome framework to create hybrid applications. I assume that you already created your app and tested. Let's directly proceed with the steps to publish ionic 4 android app to google playstore. Step 1: Building ionic 4 app. ionic cordova build --release android This just creates unsigned apk file and the same available in "YOUR_PROJECT_NAME\platforms\android\app\build\outputs\apk\release\app-release-unsigned.apk" Step 2: Generating keystore file keytool -genkey -v -keystore yourappname-key.keystore -alias yourappnamealiasname -keyalg RSA -keysize 2048 -validity 10000 Generating the keystore which is needed to make the unsigned apk to signed apk, this keytool tool is aleady available if jdk is installed. Step 3: Converting Unsigned apk to signed apk jarsigner -verbose -si...

Ionic 4 Slider Previous Next Working Example with Angular 6

Angular, Ionic
Hi All, Recently I got an opportunity to create slider with previous and next arrow marks for one of my mobile app, Herewith sharing the code to help someone. Part of the code from the following are actually taken out from stackoverflow & ionic support link, but still on top of it I did lot of things to make it work, so sharing here for someone.   home.component.html: [html] <ion-header> <ion-toolbar> <ion-row class="filters" style="font-size:14px;"> <ion-col class="col-with-arrow" (click)="slidePrev()" no-padding col-2 style="display: flex;justify-content: center;align-items: center;"> <ion-icon *ngIf="showLeftButton" name="arrow-back" style="color: #ccc;"></ion-icon> </ion-col> <ion-col no-padding col-8> ...