The Portable Document Format (PDF) is one of the most popular formats used for documents. In this blog post, let’s check how to show pdf files in react native. React Native Pdf is a third party that helps us to open and read pdf files from a URL or local assets in react native. It…
Nowadays, everything happens digitally. Sometimes, we may need to capture the signatures of users digitally for our applications. We can capture the signature in react native with the help of a third-party library named react native signature canvas. The react native signature canvas provides a canvas component where the user can put the signature. So,…
Environment variables are global variables. The files with the .env extension are suitable for saving variables such as domains, API URLs, endpoints, etc. They help to decouple configuration details from our whole project. How to setup .env file in react native In react native, just adding a .env file is not enough. You have to…
In this blog post, let’s learn how to customize the header in React Navigation to hide it from screens. This is a common requirement for many React Native apps. Here, I am not covering how to install and use react navigation. For that, you can check out my blog post here. We can hide the…
Apps such as image editing apps or social apps allow users to use their own photos. In this react native tutorial, I am going to show you a camera roll example where the images of your device are listed as a grid. CameraRoll is a react native API that gives access to the user’s photos…
We see grey colored skeleton loading in many apps including Facebook. Skeleton loading makes the users get an idea of what they are about to see when the loading ends. It makes your user interface neat and clean. So, how to add skeleton loading in react native? First of all, install react native skeleton content…
Accordions are useful to show large data neatly by hiding and expanding the data. React Native doesn’t have its own accordion component. In this blog post, let’s check how to add an accordion component in react native. In this react native example, we use Galio UI library which provides various useful components for react native….
If you have a mobile app that has link sharing capabilities then showing URLs or link previews is very helpful for the users. We see this feature in popular apps such as WhatsApp. To show URL previews in react native apps, I prefer react native link preview library. It’s a simple library and you can…
When coming to location-based maps, you can’t ignore Google Maps. In this blog post, let’s see how to integrate Google Maps in your React Native Android app. We use React Native Maps react native library to add Google Maps. Before that, we need Google developer API to implement maps in your app. Get Google Maps…
Introduction sliders are beautiful slides that give a brief idea about the app to the user, especially when the user using the app for the first time. We say the first impression is the best impression. Make Introduction slider of your react native app beautiful as well as useful. What makes react native so popular…
Sometimes, buttons with plain colors can be boring visually. Adding a button with multiple colors can make your button uber-cool in appearance – only if it matches your user interface and color selection. In this blog post, let’s check how to create a button with gradient colors in React Native. You might know that react…
React Native Lottie is a library that parses Adobe After Effects animations exported as JSON and renders natively in your react native app. This library reduces a lot of development time when you are adding animations in your app. In this blog post let’s see how to add animations in your app using react native…
