Ionic 4 | Show Native like Toast Messages in Ionic Application in 2 Steps Without Any Plugin

In this post, we will discuss How to Add Ionic 4 Toast Component in Application in few easy steps. Ionic toasts are available with many options and event handlers which can be used without any plugin.

Toasts are basically messages which are used to show some sort of information to users like success or error messages. These are similar to Native toasts shown in Android or IOS applications.

Continue reading Ionic 4 | Show Native like Toast Messages in Ionic Application in 2 Steps Without Any Plugin

Ionic 4 | Latest Angular Routing in Ionic 4 Application

After the release of Ionic’s stable version 4, the major change which is introduced besides web components is related to Routing. The latest version of Ionic now supports Angular Routing.

In the earlier version on Ionic, there was the concept of push and pop, where pages were pushed in a stack of pages having viewable page object on top. So if we want to go to some page we simply go to that pushed page index or push a new one.

Continue reading Ionic 4 | Latest Angular Routing in Ionic 4 Application

Ionic 4 | Turn on Device GPS in Ionic 4 Application Without Leaving App using Ionic Native Plugin

In Ionic Application which is using Geolocation get device location coordinates like latitude and longitude may need more accuracy. Device Geolocation service can location coordinates using the network, WiFi Bluetooth but for more accurate location device GPS option must be turned on, which can provide Location accuracy up to 10m which proves quite good for real-time and delivery applications.

In this post, we will discuss How to Turn on Device GPS option from Ionic 4 Application itself, so that user does not need to leave application. We will use Cordova and Ionic Native plugin, which will prompt the user to turn on GPS.

Continue reading Ionic 4 | Turn on Device GPS in Ionic 4 Application Without Leaving App using Ionic Native Plugin

Ionic 4 | Adding Google Analytics in Ionic 4 Application using Cordova and Ionic Native Plugin

Google Analytic is very popular among Web applications to track various parameters like traffic analysis based on demography, event activity, content-based analysis etc. We have already discussed How to integrate Google Analytics in Ionic 3 application. Google Analytic provides use dashboards to view real-time traffic on Web Applications.

In this post, we will discuss on How we can integrate Google Analytics in Hybrid applications based on Ionic’s latest version 4. As hybrid application based on web view so it is very easy to integrate with a few steps.

Continue reading Ionic 4 | Adding Google Analytics in Ionic 4 Application using Cordova and Ionic Native Plugin

Ionic React | Introduction to Latest React beta version of Ionic 4

The ionic team launched Web Component-based Ionic’s latest version 4 to make it more compatible with major frameworks other then Angular. With the rising trend in other JS libraries like React and Vue Ionic team is constantly working to provide the Ionic platform an option for React developers.

Continue reading Ionic React | Introduction to Latest React beta version of Ionic 4

Ionic 4 CRUD Operations Using Firebase and Firestore Database Tutorial in Ionic 4 with Angular 7

In this post, we will use Firebase and Firestore’s NoSQL Database in Ionic’s latest version 4. In our tutorial, we will implement CRUD operations which stand for Create, Read, Update and Delete.

CRUD operations are some of the basic and required by most of the application dealing with database communications. Here we will use Firestore which is Google Firebase service providing Cloud-based storage services.

Continue reading Ionic 4 CRUD Operations Using Firebase and Firestore Database Tutorial in Ionic 4 with Angular 7

Ionic 4 | Implement Image Picker in Ionic Application using Cordova and Native Plugin

In Ionic applications, we may have support to select multimedia data by a user like images, for that we can show an Image Picker feature for easy selection of Images. In this post, we will discuss How to Add image Picker Ionic native Plugin. After adding this Cordova and native plugin you can easily choose images and show selected images on the page.

Continue reading Ionic 4 | Implement Image Picker in Ionic Application using Cordova and Native Plugin

Ionic 4/3 | Android like Loader Spinner Dialog with Title and Message

In this post, we will discuss How to Implement Native like Loader Spinner with Title and message. We already have Ionic component to show spinner with customized spinners. But to make an Ionic application look more like native we can add loading spinners as we see in Android app using Ionic Native plugin.

Continue reading Ionic 4/3 | Android like Loader Spinner Dialog with Title and Message

Ionic 4 | How to Use Ionic Modal Popovers and Pass Data and Receive Response

In this post, we will discuss How to Use Modal Popups in Ionic’s latest version 4 in few easy steps. These modal popups are similar to pages with the only difference is these are loaded on above of current page.

Continue reading Ionic 4 | How to Use Ionic Modal Popovers and Pass Data and Receive Response

Ionic 4 | Implement AdMob Free Native Plugin in Latest Ionic 4 Applications more efficiently

As the latest stable version of Ionic 4 is released, some of the previous methods to implement AdMob Free plugin are depreciated. AdMob Free plugin helps to add AdMob Google ads in Ionic Application.

As we all know that we can add three types of AdMob ads in a hybrid application like Ionic for now, which are Banner Ads, Interstitial Ads ad Reward Video Ads.

Continue reading Ionic 4 | Implement AdMob Free Native Plugin in Latest Ionic 4 Applications more efficiently