UI & UX

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 ...
Read More

Hide React Navigation Header on Press of a Button

Here is an Example to Hide React Navigation Header on Press of a Button. React Navigation always add a header bar in the ...
Read More

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 ...
Read More

Gift Card Screen using react-native-confetti-cannon

This is an Example to make a Gift Card Screen using react-native-confetti-cannon for Android and IOS devices. You can create any types ...
Read More

Tab View inside Navigation Drawer / Sidebar with React Navigation

This is an example of Tab View inside Navigation Drawer / Sidebar with React Navigation in React Native. We will use react-navigation to make ...
Read More

How to Hide Navigation Option from Navigation Drawer / Sidebar

This post is about How to Hide Navigation Option from Navigation Drawer / Sidebar in React Native. We will use react-navigation to make a ...
Read More

Custom Navigation Drawer / Sidebar with Image and Icon in Menu Options

This is an example of Custom Navigation Drawer / Sidebar with Image and Icon in Menu Options with React Navigation V. 4+ ...
Read More

Navigation Drawer / Sidebar Menu with Sectioned Menu Options & Footer

This is an example of Navigation Drawer / Sidebar Menu with Sectioned Menu Options & Footer with React Navigation V. 4+. We ...
Read More

Switch Screen out of the Navigation Drawer with Latest Navigation V. 4+

This is an example to Switch Screen out of the Navigation Drawer in React Native. We will use react-navigation to make a navigation drawer ...
Read More

React Navigation Header Customization in RN using Navigation Options

This is an example of React Navigation Header Customization in React Native using Navigation Options. In this example, we will see how ...
Read More

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 ...
Read More

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 ...
Read More

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 ...
Read More

Example to Set Border Radius of an Image in React Native

This is an Example to Set Border Radius of an Image in React Native. We will set the border radius of the ...
Read More

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 ...
Read More

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 ...
Read More

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 ...
Read More

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 ...
Read More

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 ...
Read More

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 ...
Read More