Vibrations can be used as a way to inform the user that something has happened inside your mobile app. Even though overusing vibrations makes bad impressions, sometimes using vibrations in apps such as games makes sense. Here, let’s learn how to create vibrations in react native apps. Lol, the image is just symbolic. The Vibration…
In react native, ImageBackground component is used to set a background image for a screen. The ImageBackground component should be the parent and all other components should be its children. Sometimes, we might need to tweak the background images to create visually beautiful screens. In this blog post, I will explain how to darken background…
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…
Three years ago, I was a native Android developer who used Java language to develop mobile apps. Later, I switched to react native because developing apps for both android and ios with a single code base is possible with it. Now, react native is not limited to just mobile apps, you can even create web…
Badges are small components such as circles or dots which represent a numerical value or status. They are very useful for users as they can easily identify unread notifications or status with a single look. In this react native example, let’s create a notification badge inside an app. First of all, install react native elements…
A hyperlink is a link that is activated or diverted by clicking on a highlighted word or image. Hyperlinks are not as common in mobile applications as you see in web applications. Still, hyperlinks are important in text-based mobile apps. So, how to add hyperlinks easily in your react native app? First of all add…
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…
Copy and paste are two basic features available in our smartphones. Hence, users expect to have this feature on every app. If you have an app that has a lot of text then you might want to implement a copy-and-paste feature in your app too. You should use the selectable prop of the Text component…
We use apps of email clients on our phones to access our emails seamlessly. Gmail is one of the most popular email clients out there. In this blog post, let’s see how to prompt a user to open their email client’s compose section with our own delivery email address, subject and body in react native….