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

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

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

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