Month: December 2019

React Native Animation Tutorial Series (Part 3): How to Create Moving Animations in React Native

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 …

React Native Animation Tutorial Series (Part 3): How to Create Moving Animations in React Native Read More »

React Native Animation Tutorial Series (Part 2): How to Create Scaling Animations in React Native

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 …

React Native Animation Tutorial Series (Part 2): How to Create Scaling Animations in React Native Read More »

React Native Animation Tutorials (Part 1): How to Create Fade Animations in React Native

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 »

How to Add Accordion Component in React Native

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. …

How to Add Accordion Component in React Native Read More »

How to Integrate Google Maps in your React Native App (Android)

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 »

How to Create Notification Badge in your React Native App

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 »

How to Create an App Introduction Slider in React Native

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 »