How to Add or Remove FlatList Item with Animation

In this post, we will see How to Add or Remove FlatList Item with Animation. FlatList is the most common thing which you use in the React Native development so here is a basic animation example which will help you to animate your FlatList rendering. We are going to use UIManager from the react-native library … Read moreHow to Add or Remove FlatList Item with Animation

Example of Animation Splash Screen with Zoom Effect

This is an Example to make an Animation Splash Screen with Zoom Effect for Android and IOS. The splash screen is the first screen which appears in front of the user when they interact with your application so to make an impactful the impression you can create animated Splash Screen. In this example, we will … Read moreExample of Animation Splash Screen with Zoom Effect

Example of Animated Splash Screen in React Native

This is an Example of an Animated Splash Screen in React Native.  The splash screen is the first screen which appears in front of the user when they interact with your application so to make an impactful the impression you can create animated Splash Screen. This example contains the simple splash screen with some animation … Read moreExample of Animated Splash Screen in React Native

Set Alpha Opacity / Transparency of Image View in React Native

This is an Example to Set Alpha Opacity / Transparency of Image View in React Native.  In this example, we will set the alpha opacity of the Image View. It is useful when you use the image in the background and show something over it like we generally do in Splash Screen of the App where … Read moreSet Alpha Opacity / Transparency of Image View in React Native

React Native Rotate Image View Using Animation

This is an Example of React Native Rotate Image View Using Animation. We are using the property of Animated Component from react-native. Open App.js in any code editor and replace the code with the following code. App.js

IOS        Android         This is how you can rotate an image with animation. … Read moreReact Native Rotate Image View Using Animation

Flip Image View Horizontally Using Animation in React Native

This is an Example to Flip Image View Horizontally Using Animation in React Native. We are using the property of Animated Component from react-native. To flip image view horizontally using animation, We will flip the image on click of Button. So let’s get started. Open App.js in any code editor and replace the code with the … Read moreFlip Image View Horizontally Using Animation in React Native

React Native Blinking Animation

This is an Example of React Native Blinking Animation. Example contains : Making a CustomBlinkingTxt with blinking animation. Use CustomBlinkingTxt in our App Class. Pass the text using props. Open App.js in any code editor and replace the code with the following code. App.js

IOS       Android       That was the React … Read moreReact Native Blinking Animation

Example of Popup Dialog in React Native

Here is an Example of Popup Dialog in React Native. We will use PopupDialog component provided by react-native-popup-dialog to make a Dialog. We can use Alert instead of the popup dialog if we just want to show the text but when it comes to the customization of alert content we have to use popup dialog. Popup Dialog … Read moreExample of Popup Dialog in React Native

React Native Collapsible Toolbar with Animation

Here is an example of React Native Collapsible Toolbar with Animation. It was first introduced in Android Material Design and became very popular. In Collapsible Toolbar when screen renders for the first time we got the broad header which will help us to get the attention of the user on important details. As the user scrolls … Read moreReact Native Collapsible Toolbar with Animation