7 Type of Graph using React Native Chart Kit

This is an Example to create 7 Different Type of Graph using React Native Chart Kit for Android and IOS. Charts/Graphs are the easiest and efficient way to showcase any data. With the help of the chart/graph, One can easily see the numeric data or the statics. The understanding of the statics using the Chart/Graph … Read more7 Type of Graph using React Native Chart Kit

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

React Native Tree View for Android and IOS devices

This is an Example to create a React Native Tree View using react-native-final-tree-view for Android and IOS devices. A Tree View is simple a hierarchical view which is used to show the parent-child relationship between the data. You can simply understand the Tree View using the following image. In the below image the yellow ball is … Read moreReact Native Tree View for Android and IOS devices

Segmented Control Tab in React Native for Android and iOS

This is an Example of Segmented Control Tab in React Native for Android and iOS using react-native-segmented-control-tab. iOS developers knows what Segmented Control Tab is but if you are coming from an Android development background and have no idea what Segmented Control Tab is, then just imagine a Tab View in Android. Segmented Control Tab is same … Read moreSegmented Control Tab in React Native for Android and iOS

Different Type of Modal Box in React Native

This is an Example of Different Type of Modal Box in React Native. We will use the Modal Component provided by react-native-modalbox. Modal Box is a React Native component which very easy and fully customizable. It has also implemented the ‘swipe down to close’ feature. A modal is a dialog box/popup window that is displayed on top of … Read moreDifferent Type of Modal Box in React Native

Linear Gradient Component in React Native

This is an Example of Linear Gradient Component in React Native. For those who have no idea about Gradient, A Gradients let you display smooth transitions between two or more specified colors. The gradient can be of two types: Linear Gradients (goes down/up/left/right/diagonally) Radial Gradients (defined by their center) In this example, we will see … Read moreLinear Gradient Component in React Native

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