react-navigation-bottom-tab

How do I hide material bottom tab navigator in a nested stack navigator in react native

馋奶兔 提交于 2020-07-09 12:48:29
问题 I'm using material Bottom Tab Navigator, My app is structured such that, some tabs contain a stack navigator. I want to hide the bottom tabs when a user navigates to another stack in the stack navigator. I'm using react navigation v5. I don't want the bottom tabs showing when a user has already navigated to a stack. 回答1: I made you a basic example of what you're asking. I hope this what you're looking for : import React from 'react' import { Button, View, Text, StyleSheet } from 'react-native

react navigation 5 hide bottom tab nav in nested navigation

陌路散爱 提交于 2020-06-29 06:41:11
问题 The structure of my react navigation is like this : BottomTabNavigator => Navigator => Components This is the skeleton of the App.js. The whole application is wrapped up in a bottom tab navigation. import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; const BottomTab = createBottomTabNavigator(); function App() { return ( <NavigationContainer> <BottomTab.Navigator > <BottomTab.Screen name="Main" component={MyVeranda} options={{ tabBarLabel: 'Home', tabBarIcon: //...some

Passing params to tab navigator React Navigation 5

只谈情不闲聊 提交于 2020-06-27 17:07:34
问题 I’m using materialTopTabs and it seems like this loads all the screens in the navigator once its mounted. I have a screen List and inside it a tab navigator with 2 screens: Posts and Users . These two screen both depend on params passed from List . However, i am only able to pass params to one of the screens using this method: navigation.navigate('PostsTabNav', { params: { network: item, }, screen: 'NetworkPosts' //or NetworkUsers }); I have tried to pass the params to my navigator directly

Passing params to tab navigator React Navigation 5

纵饮孤独 提交于 2020-06-27 17:07:27
问题 I’m using materialTopTabs and it seems like this loads all the screens in the navigator once its mounted. I have a screen List and inside it a tab navigator with 2 screens: Posts and Users . These two screen both depend on params passed from List . However, i am only able to pass params to one of the screens using this method: navigation.navigate('PostsTabNav', { params: { network: item, }, screen: 'NetworkPosts' //or NetworkUsers }); I have tried to pass the params to my navigator directly