Last Updated on December 15, 2020. What if you want to create animated moving objects in your react native app? Then, you are in the right place. This is the third part of the react native animation tutorial series. As we did earlier, in order to move a view over the x-axis, the y-axis or …
Last Updated on December 15, 2020. This blog post is the second part of the recently started react native animation series. We already went through fade animations in react native and now let’s check out how to create scaling animations in react native. Scaling can be done in three ways: scaling through the x-axis, scaling …
Last Updated on December 15, 2020. When I started learning react native, I didn’t consider learning animations. I was unaware of the importance of animations in mobile app development. Only later I realized without animations my apps are just rigid. To create a visually appealing mobile app you must wisely implement animations. Animations make the …
React Native Animation Tutorials (Part 1): How to Create Fade Animations in React Native Read More »
Last Updated on December 15, 2020. 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 …
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. …
Last Updated on December 14, 2020. If you have a mobile app that has link sharing capabilities then showing URL 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 url preview library. It’s …
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 …
How to Integrate Google Maps in your React Native App (Android) Read More »
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 …
Last Updated on December 14, 2020. 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 …
How to Create Notification Badge in your React Native App Read More »
Last Updated on December 14, 2020. A hyperlink is a link that is activated or diverted by clicking on a highlighted word or image. Hyperlinks are not that 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 …
Last Updated on December 11, 2019. 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. …
How to Create an App Introduction Slider in React Native Read More »
