Keep the Screen Awake/On for the Infinite Time in React Native

This is an Example to Keep the Screen Awake/On for the Infinite Time in React Native using react-native-keep-awake for Android and IOS. Before starting the example I just want you to think about this feature. Have you ever experienced Screen Awake feature in any app? Maybe you have the answer or maybe not but let me … Read moreKeep the Screen Awake/On for the Infinite Time in React Native

Scroll to a Specific Item in ScrollView List View

In this Example, we will see how to Scroll to a Specific Item in ScrollView ListView. If you are not clear with the topic then you can imagine you have made a list using scroll view something like the example of Making a List using ScrollView and now you want to scroll to a specific item in the … Read moreScroll to a Specific Item in ScrollView List View

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

Example of Tooltip in React Native for Android and IOS

This is an Example of Tooltip in React Native for Android and IOS using react-native-walkthrough-tooltip library. The Tooltip is a common graphical user interface element. It is used to show the usability of any button or any option. In this example, we will see how to show a tooltip on a click of a button. So let’s … Read moreExample of Tooltip in React Native for Android and IOS

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