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

Load Different Style Sheet Dynamically on the Component in React Native

This is an Example to Load Different Style Sheet Dynamically on the Component in React Native. To do this we will use a conditional operator and state. When we change the state view will re-render itself and after checking the state we will change the style of the component. In this example, we are using Text … Read moreLoad Different Style Sheet Dynamically on the Component in React Native

Example to Align a View at the Bottom of Screen in React Native

This is an Example to Align a View at the Bottom of Screen in React Native. To do this we will use the Stylesheet element position: ‘absolute’. Align a View at the Bottom Using

Let’s get started with the example. Open App.js in any code editor and replace the code with the following code. App.js … Read moreExample to Align a View at the Bottom of Screen in React Native

React Native Underline Text

In this Example of React Native Underline Text, we will see how can you underline the Text using the Stylesheet property textDecorationLine. To Underline the Text use

In this example, we will use a style element textDecorationLine: ‘Underline’ and will apply to the Text so that we can underline the Text. So let’s get started. Open App.js … Read moreReact Native Underline Text

React Native Strikethrough Text

In this Example of React Native Strikethrough Text, we will see how can you strick through the Text using the Stylesheet property textDecorationLine. To Strike Through the Text use

In this example, we will use a style element textDecorationLine: ‘line-through’ and will apply to the Text so that we can get a Strike Through Text. So let’s … Read moreReact Native Strikethrough Text

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

React Native Swipeable Card View UI like Tinder

Here is an example of React Native Swipeable Card View UI like Tinder. We all have seen the famous swipeable Card View UI of Tinder App which is cool to use while we have to provide the categorization option to the user or we can also use it as an alternative of the timeline view of … Read moreReact Native Swipeable Card View UI like Tinder

Create Custom Shapes Like Square, Circle, Triangle, Rectangle, Oval in React Native

This is an Example to Create Custom Shapes Like Square, Circle, Triangle, Rectangle, Oval in React Native. In this example, we will see how to make custom Shapes in React Native. This example will give you an idea about the basic shapes and will help you if you are making some basic 2D game or some other … Read moreCreate Custom Shapes Like Square, Circle, Triangle, Rectangle, Oval in React Native