In Ionic Application, we can check battery Status of the mobile device using Cordova and Ionic Native plugins. By using these plugin we can call methods to get battery percentage and we can also check if the device is plugged to a power source.
To make it more convenient, we can add a feature to make calls directly through the application. In this post, we will create an Ionic 3 application, in which we can directly call a number by using Cordova and Ionic Native plugins.
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.
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.
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.
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
When we create a new Ionic app using sidemenu option, it is always visible on all pages of the demo app. In some situations when we don’t need site menu, even then it peeps in when we slide right . If we need to create an app that is having a login page to into pages, then sidemenu is not required anymore.