Ionic 3 | Get Device Latitude, Longitude and Address using Geolocation and Native Geocoder Services in Ionic 3 Native Application

UPDATED(26/03/19) for latest CLI 4.12.0

In this post, we will implement Geolocation and Geocoder plugins in Ionic 3 application. Using Geolocation service we can get Lattitude, Longitude, Accuracy of location, Speed, Altitude etc of the device. After that Latitude and Longitude can be used to get Addresses available on these coordinates. To fetch address from coordinates of the device, we use Geocoder service.

Continue reading Ionic 3 | Get Device Latitude, Longitude and Address using Geolocation and Native Geocoder Services in Ionic 3 Native Application

Use Native Device Camera in Ionic 3 Application

In this tutorial, we will create an Ionic 3 application to demonstrate the usage of Native Camera feature with the help of Cordova and Ionic Native Plugins wrappers.

Check: Ionic 4 Camera Tutorial Example

Continue reading Use Native Device Camera in Ionic 3 Application

Ionic 4 | Add Barcode/ QR Code Scanner/ Encoder Generator Ionic 4 Native Plugin

Updated ( 06 Apr 2019 ) for latest Ionic CLI v4.12.0

In this tutorial, we will implement a Barcode or QR Scanner / Encoder plugin in Ionic 4 application. Barcodes and QR codes are widely used for multiple purposes like to add a link where a user doesn’t need to type the whole URL it can be easily scanned from a QR code. Barcodes can also be seen everywhere on the day to day items like eatables clothes etc, we can wimple scan these barcodes to get information like item code date of manufacturing, prices etc.

Continue reading Ionic 4 | Add Barcode/ QR Code Scanner/ Encoder Generator Ionic 4 Native Plugin

Ionic 3 | Integrate AdMob Plus an Update of AdMob Free in Ionic 3 Applications

AdMob Plus is a Cordova plugin to use Google AdMob in hybrid applications like Ionic. AdMob Plus is developed by same developer Ratson who previously developed and maintained AdMob Free plugin. Ratson wanted to create an AdMob plugin with no ad sharing, as most of the plugin do, they take a part of the revenue from developer earning when they cross a certain threshold. But Ratson was interested to develop an open source project where a developer can use AdMob without any risk of revenue sharing.

Continue reading Ionic 3 | Integrate AdMob Plus an Update of AdMob Free in Ionic 3 Applications

Ionic 3 | Toast Not Hiding Issue using Toast Controller Workaround!

Ionic 3 provides Toast Controller using which we can have close enough toasts like native applications. Toasts prove very helpful in making user interfaces more friendly, we can alert users for small information like data processing, please wait, It’s Done! like messages.

Continue reading Ionic 3 | Toast Not Hiding Issue using Toast Controller Workaround!

Ionic 3 | Create Swipeable/ Draggable Tab Pages Application in Ionic 3

Like we see in popular applications like Instagram, we usually have different views which can be easily swiped or dragged right to left to change the view. Today we will implement same user interface having swipeable pages instead of tradition Tap to Change scenario.

Continue reading Ionic 3 | Create Swipeable/ Draggable Tab Pages Application in Ionic 3

Ionic 3 | Resolve! Failed to install ‘cordova-plugin-admob-free’: Error: Variable(s) missing: ADMOB_APP_ID

Here we will discuss an issue faced during the platform build of Ionic 3 application, having an AdMob Free plugin. You can see that error below, this issue comes when we don’t add AdMob app id in an application using AdMob Free Ionic 3 native Plugin.

Continue reading Ionic 3 | Resolve! Failed to install ‘cordova-plugin-admob-free’: Error: Variable(s) missing: ADMOB_APP_ID

Ionic 3 | Create Torch /Flashlight Application using Backlight Plugin Ionic Native 3.x

In this post, we will create Flashlight/ Torch app in Ionic 3 version using Ionic Native plugin Flashlight, the application will have a switch button to on/ off camera flashlight which can be used as a torch.

Continue reading Ionic 3 | Create Torch /Flashlight Application using Backlight Plugin Ionic Native 3.x

Ionic 3 | Adding Bug and Crash Reporting System Crashlytics in Ionic Native 3.X

Firebase Crashlytics service is widely used these days by many developers, it helps in reporting crash, bug, and error reporting in your dashboard. This helps a lot to know the reasons behind application crashes and improving user experiences. Firebase Crashlytics is now only used in Native applications, In this tutorial, we will implement to Cordova plugin in Ionic 3 application providing close enough automation in Crash reporting.

Continue reading Ionic 3 | Adding Bug and Crash Reporting System Crashlytics in Ionic Native 3.X

How to Get Fabric API Key and Fabric Api Secret?

Fabric.io is a platform that provides many services for building better apps, to grow performance and look into the insight of user and business behavior.

The most useful feature provided by Fabric.io is Crashlytics, this is an error reporting tool which immediately reports issues in an application like warning, error or fatal crashes in an application. It really helps in making applications bug free more smooth for better user experience. You can read more about services and feature on their official site.

Continue reading How to Get Fabric API Key and Fabric Api Secret?