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

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 top of your application according to the material design instruction of the Android and IOS. To hide NavigationBar/ ActionBar/ Topbar/ Header from the top of the Screen There are many ways and you can hide … Read moreHide React Navigation Header on Press of a Button

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

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 of screens using react-native-confetti-cannon. You have seen this type of animations whenever you got a gift vouchers or any cash back amount. Have a look at the simple code and comment below with more … Read moreGift Card Screen using react-native-confetti-cannon

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 a navigation drawer and Tab in this example. I hope you have already seen our post on React Native Navigation Drawer because in this post we are just extending the last post to show the … Read moreTab View inside Navigation Drawer / Sidebar with React Navigation

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 navigation drawer in this example. I hope you have already seen our last post on React Native Navigation Drawer because in this post we are just extending the last post to hide the navigation option … Read moreHow to Hide Navigation Option from Navigation Drawer / Sidebar

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+. We will use react-navigation to make a navigation drawer in this example. I hope you have already seen our last post on React Native Navigation Drawer as this post is the extended version of React Native … Read moreCustom Navigation Drawer / Sidebar with Image and Icon in Menu Options

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 will use react-navigation to make a navigation drawer in this example. I hope you have already seen our last post on React Native Navigation Drawer as this post is the extended version of React Native Navigation … Read moreNavigation Drawer / Sidebar Menu with Sectioned Menu Options & Footer

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 in this example. I hope you have already seen our last post on React Native Navigation Drawer because in this post we are just extending the last post to switch out of the Navigation Drawer. … Read moreSwitch Screen out of the Navigation Drawer with Latest Navigation V. 4+

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 to customize the Navigation Bar/ Navigation header. React Native does not provide any header by default, it comes when we add React Navigation to switch the activity. Sometimes we have to customize the … Read moreReact Navigation Header Customization in RN using Navigation Options