Ionic’s Camera Preview Native plugin provides an awesome floating Camera view in application pages itself without even opening the Camera application. The Camera Preview plugin provides native features of a camera that can be easily controlled using built-in class methods. Switch FRONT / BACK camera Turn On/Off/Auto flash Camera Effects; none | aqua | blackboard
In this article, we will learn How to use Native Camera of the device in Ionic 5 Angular application using Native plugin and Cordova wrappers to access device features. The Native Camera plugin allows an application to click photos or get them from the phone’s own gallery. There are also a number of configuration options
The geofence is an area defined in a geometrical shape which can be a circle or any polygon shape around a coordinate on a Geological map. In google maps, a Geofence is used to know if the current device has entered or exited from a geofence. Indication about leaving or exiting a Geofence can be
In this tutorial, we will learn how to add Google Maps in an Ionic application using a powerful package @agm. The @agm package provides directive components to easily add Maps, Markers and Geometric shapes like Radius on Google Maps in Angular applications. Here we will use the power of this great package to implement Google
During installation and adding the Android platform to your Ionic application you may face the following issue in your terminal window:
Ionic Geolocation Native Plugin Example Tutorial Compatible with Ionic 4 & 5 Angular Using Ionic’s Geolocation native plugin we can get current coordinates and other information like accuracy, speed, timestamp, altitude etc.
A search-filter to any data list or table adds up more value to the usability of the page. In this article, we will learn how to quickly add a search filter on any type of data which can be a list or table using a special filter package ng2-search-filter for Angular projects.
In this tutorial, we will implement the Action Sheet menu in the Ionic 5 application. The action sheet menu is open by sliding up from the bottom of the view. Action sheet menu is added to provide some action controls to the user which pops up and gets visible which takes no space on view
Tabs can manage multiple data views in the same area. In this article, we will learn how to use the Bootstrap Tabset UI component with Ionic 4.
In a real-world Angular application, a number of components may exist with their own specific task to accomplish. This hierarchy of components may have parent-child or relation as siblings. To communicate from parent to child component we use @Input decorator to pass data from parent to child component and to send back data from child