I want to get the default HeaderTitle and update it as per my component. Header Title is added in MainTabNavigator as
const navOptions = ({ navigation }) => {
return {
headerTitle: (
<Image source={require("../assets/images/common/logo.png")}/>
),
};
};
const HomeStack = createStackNavigator(
{
Home: {
screen: Dashboard
}
},
{
initialRouteName: "Home",
defaultNavigationOptions: navOptions
},
);
I want to toggle between headerTitle on some events please suggest me the solution as I want to keep the headerTitle only on one location and toggle between it as per required.
static navigationOptions = ({ navigation }) => ({
header: QueryTocheck ? keepDefaultOldHeaderHere:updateHeaderHere
});