Refresh Previous Screen after Going Back in React Navigation

This is an Example to Refresh the Previous Screen after Going Back to the old Screen in React Native using React Navigation. If you are familiar with the navigation in React Native then I hope you very well know React Navigation. We have also used the same navigator for this example. While working with multiple … Read moreRefresh Previous Screen after Going Back in React Navigation

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

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. 3+. 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 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. 3+. 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 Drawer. … Read moreNavigation Drawer / Sidebar Menu with Sectioned Menu Options & Footer

Switch from One Screen to another using React Navigation 3.+ (Router)

This is an Example to Switch from One Screen to another using React Navigation 3.+ (Router). We will use react-navigation library for the Navigation. React Native Navigation (Version 3+) is used to switch from one screen to another in the desired manner. This navigation solution is written entirely in JavaScript (so you can read and understand all of the sources), on … Read moreSwitch from One Screen to another using React Navigation 3.+ (Router)

3 Ways to Hide Navigation Bar in React Native Application

Here are the 3 Ways to Hide Navigation Bar in React Native Application. If you are making an application with a React Navigation StackNavigator, you can find a NavigationBar/ ActionBar on the top of the Screen. If you are on the first screen of the StackNavigator it will show simple NavigationBar but if you navigate to the next screen … Read more3 Ways to Hide Navigation Bar in React Native Application

Dynamically Change React Navigation Value – Update navigationOptions

This is an Example to Dynamically Change React Navigation Value – Update navigationOptions. You will see how to change the Navigation Option values dynamically from the click of a button or using a state. This can be easily done by setting the navigation params. This example will be helpful if you want to change the navigation … Read moreDynamically Change React Navigation Value – Update navigationOptions

Example of React Native Tab with Latest React Navigation Version 3.+

Here is an Example of React Native Tab for Android and IOS. We will use react-navigation to make a Tab Navigation in this example. Tabs are the most common style of navigation in mobile apps. Tabs can be on the bottom of the screen or on the top (below the header or even instead of a header). … Read moreExample of React Native Tab with Latest React Navigation Version 3.+

React Native Finish Current Screen while Navigating to Next Screen

While we navigate to the next screen from any screen the old screen remains in the stack and after coming back we see the same screen. React Native Finish Current Screen while Navigating to Next Screen includes how we navigate to next screen and finish the old one from the stack? Why do we need … Read moreReact Native Finish Current Screen while Navigating to Next Screen

For Query / Bug / Problem / Issues we have introduced query trackerKnow More
+