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