Using React Navigation 4.0 in React Native apps

Hello Guys, Here is how to use React Navigation 4.0 in React Native apps. After the important updates of the React Native 0.60+, Here is React Navigation 4.0. I am sure many of you who have started the project with the updated React Navigation 4.0 have experienced the changes they did in the latest version. … Read moreUsing React Navigation 4.0 in React Native apps

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

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+

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

This is an Example to Switch from One Screen to another using React Navigation 4.+ (Router). We will use react-navigation library for the Navigation. React Native Navigation (Version 4+) 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 … Read moreSwitch from One Screen to another using React Navigation 4.+ (Router)

3 Ways to Add Image Icon Inside Navigation Bar in React Native

Here are the 3 Ways to Add Image Icon Inside Navigation Bar in React Native. If you want to make an application with a React Navigation, you can find a NavigationBar/ ActionBar on the top of the Screen. If you want to add the image/logo in Navigation Bar you can simply do it using headerLeft: <You … Read more3 Ways to Add Image Icon Inside Navigation Bar in React Native