Capacitor

Custom icon and splash in Ionic React Capacitor apps In this post, you will learn how to make custom Icon and Splash in your Capacitor Ionic React app. Capacitor is the latest buzz in hybrid app world. It is created to be a replacement and an improvement over Cordova. Creating icon and splash is pretty straight-forward in Cordova apps. You can need to create two .png files and run Cordova commands. But Capacitor gives user total command over native project code. So you’ll have to use native IDEs to create icons and splash for Ionic-React Capacitor apps. Also, Capacitor has its own Splash API for controlling Splash implementation. ...

Play Music in Ionic Capacitor apps In this post, you will learn how to play music in your Capacitor Ionic Angular app, be it for a music player or just for a notification. Capacitor is the latest buzz in hybrid app world. It is created to be a replacement and an improvement over Cordova. In this post, you will learn How to play music and sound files in Ionic 4 apps – both from local files and web urls How to use music controls like next, previous, pause etc. This demonstration is supported by Ionic 4 Spotify Starter from Enappd. Complete source code of this tutorial is available here – Ionic-4-music (capacitor branch) ...

Firebase Push Notification in Ionic React app using Capacitor This post is for Ionic React framework using Capacitor. In this post you’ll learn how to implement push notifications in Ionic-React apps, using Firebase. First, First half will cover this feature for Android apps, second half deals with iOS apps. If you are looking for Push notification functionality in Ionic Angular app – Please check this blog React Native app – Please check this blog Ionic React app / Capacitor app – Continue reading 😄 As you can see from above, there are several options available for Hybrid app development these days, and it is easy to get confused between them. This post is focussed on Ionic framework with React as the front-end framework, and Capacitor as runtime and build environment. ...

Camera and Photo Gallery in Ionic React app using Capacitor This post is for Ionic React framework, using Capacitor. In this post you’ll learn how to pick/use images using Camera and Photo gallery. If you are looking for Camera functionality in Ionic Angular app – Please check this blog React Native app – Please check this blog Ionic React app / Capacitor app – Continue reading 😄 As you can see from above, there are several options available for Hybrid app development these days, and it is easy to get confused between them. This post is focussed on Ionic framework with ReactJS as the front-end framework, and Capacitor as runtime and build environment. ...

How to make Ionic apps in React Using Capacitor If you are here, that means you were searching for how to create Ionic apps in react using capacitor. If that’s true, then you are at the right place. Here I would be creating an Ionic app in React Using Capacitor. Need not worry, I would be taking you step by step how to make Ionic apps in React Using Capacitor. I would be cooking a simple application. 🥘 ...