How to Create Production Release in Ionic 2/3

After finishing my app development and testing phase, I tried to find some good documentation for generating production release of my build APK. When I searched on Google, the first link which landed me on Ionic docs explaining to create production release in Ionic 1. As ionic 2/3 is based on Angular 4 latest component-based technology having a powerful feature called AOT (Ahead of Time). AOT in simple terms reduced the code to level where we have only that much code which is required for our application.

Continue reading How to Create Production Release in Ionic 2/3

Start with Ionic’s Pro Service Explained

Ionic’s Pro service is very powerful in terms of maintenance and testing during app development. It provides many features like we can deploy on real devices for testing on a personal level, or we want any other person we can share our app with others for team testing. You can read more about Ionic Pro Docs.

Continue reading Start with Ionic’s Pro Service Explained

Resolved! Found com.google.android.gms:play-services-location:+, but version 9.0.0 is needed issue in Ionic 2/3

Hey! when I was building ionic 3 application using native plugins, I faced a strange issue during building my application to generate APK file out of it. Then I noticed that this issue was caused after adding Ionic’s Native “Background Geolocation” . So when I removed this plugin, APK generated successfully. I was in deadly need on this service. After hitting my head here and there I found a solution in Ionic threads.

Continue reading Resolved! Found com.google.android.gms:play-services-location:+, but version 9.0.0 is needed issue in Ionic 2/3

Template Caching Ultimate Hack for Ionic Optimization

The Ionic framework is best suited for the development of Hybrid apps, it provides ultimate and great features to remove that thin like to distinguish between Native and Hybrid apps. You can visit my previous post for another useful trick for Ionic optimizations.

In this post, we will discuss Template Caching technique which we can use in our Ionic applications, which optimizes the Ionic app to great extent. This will remove fluctuations which we face when we switch from one view to other as it preloads all view in advance.

Continue reading Template Caching Ultimate Hack for Ionic Optimization

5 Ways to Optimise Ionic Apps Like Native

Nowadays most of the mobile app developers moving towards hybrid apps which can be deployed on any platform without knowing any advanced languages. The best framework used to build hybrid apps is Ionic, which is gaining a lot of attention these days.

But if we compare a native and a hybrid, if may give you some performance lags as hybrid apps use web views. In latest OS systems like android, we can increase performance to a new level so that there will be nearly no difference in Hybrid apps.

Continue reading 5 Ways to Optimise Ionic Apps Like Native

Check/ Detect If Ionic View/ Page Reached Bottom Load Infinite Data

Like native Android apps, we sometimes need a view, where list items can be loaded after user reached the bottom of all loaded list items. This behavior is recommended if we have a long list to load and we don’t want the user to tap next every time to view next set of list items.

Continue reading Check/ Detect If Ionic View/ Page Reached Bottom Load Infinite Data

How to Integrate Angular Material in Ionic Apps

A few months back I was working on a project using Angular Material, believe me, guys angular Material is really an amazing framework which does not only create responsive apps with bootstrap structural design but it also adds a pinch of elegance to an application making it more beautiful to look at. It is gaining a lot of attention of developer due to a huge increasing in it’s demand.
You can visit Angular Materials and see it working https://material.angularjs.org/latest/
Motion and ripple effects make my day… 

Continue reading How to Integrate Angular Material in Ionic Apps

How to Show Toast Messages Like Native Android in Ionic App

When using the Ionic framework, we always have the option to show alerts or other confirm dialogues. But sometimes there are requirements to show messages to a user which involves no user interaction. Like we see in a native android app there is a Toast message which informs a user about a message then simply goes aways after some time .

In PhoneGap or Cordova, we have one plugin which will do the same thing for us in a Hybrid environment as well. Here we will use Toast-PhoneGap-Plugin use integrate native like Toast or Info messages in our app.

Continue reading How to Show Toast Messages Like Native Android in Ionic App

Ionic Input Fields with Floating Labels and Icons Both

Ionic Framework using AngularJS 1 is having some different type of input field styles like:

1) Placeholder Labels
2) Inline Labels
3) Stacked Labels
4) Floating Labels
5) Inset Forms
6) Input Icons

Documentation for these can be found here http://ionicframework.com/docs/components/#forms

But the style which I was looking for was a merge of both Floating labels plus Input Icons. There was not a way to use a blend of these anywhere. But after some CSS tweaking, I managed to achieve the piece I was looking for

Continue reading Ionic Input Fields with Floating Labels and Icons Both