tabnavigator

问题 When I am in the login screen I would like once the user logs in that it is also redirected to the 'Home' screen but currently, I have an error telling me that the Home is not defined what is normal ... {isAuth ? ( <BottomTab.Screen name='Home' component={Home} /> ): ( <> <BottomTab.Screen name='Connexion' component={Login} /> <BottomTab.Screen name='Inscription' component={Register} /> </> I don't really know how to use contexts yet but I think it might simplify the thing but in the meantime

问题 I want the color to be the default gray color when the tab is not selected but to be my tabBarColor color when the tab is selected. I could not find a way to change the color of the title in the tab bar. How can I do that? This is my code: Home:{ screen: TabNavigator({ Home: { screen: HomeScreen, navigationOptions: ({ navigation }) => ({ title: 'Home', tabBarIcon: ({ tintColor, focused }) => ( <Ionicons name={focused ? 'ios-home' : 'ios-home-outline'} size={26} style={{ color: focused ? `$

问题 I have the following code in react-native import React, {Component} from 'react'; import {TabNavigator} from 'react-navigation'; import {View} from 'react-native'; class Home extends Component { static navigationOptions = { title:'Home', tabBarLabel:'First' }; render() { return <View></View>; } } const tabOptions = { tabBarOptions: { activeTintColor:'white', inactiveTintColor:'#D3D3D3', style:{ backgroundColor:'green', borderTopWidth:1, borderTopColor:'#D3D3D3' }, tabBarSelectedItemStyle: {

问题 I have the following code in react-native import React, {Component} from 'react'; import {TabNavigator} from 'react-navigation'; import {View} from 'react-native'; class Home extends Component { static navigationOptions = { title:'Home', tabBarLabel:'First' }; render() { return <View></View>; } } const tabOptions = { tabBarOptions: { activeTintColor:'white', inactiveTintColor:'#D3D3D3', style:{ backgroundColor:'green', borderTopWidth:1, borderTopColor:'#D3D3D3' }, tabBarSelectedItemStyle: {

问题 How to style the TabNavigator Tab's height and padding? Im doing the following: import Icon from "react-native-vector-icons/MaterialIcons"; const tabNav = TabNavigator({ TabItem1: { screen: MainScreen, navigationOptions: { tabBarLabel:"Home", tabBarIcon: ({ tintColor }) => <Icon name={"home"} size={20} color={tintColor} /> } }, TabItem2: { screen: MainScreen, navigationOptions: { tabBarLabel:"Home", tabBarIcon: ({ tintColor }) => <Icon name={"home"} size={30} color={tintColor} /> } },

问题 I'm building a react native app and I'm using react-navigation package. I have a tab navigator for the app and each tab has a stack navigator in it. Something like this: const HomeStack = StackNavigation({ Info: {screen: Info}, Main: {screen: Main} }) const SearchStack = StackNavigation({ Search: {screen: Search}, SearchResult: {screen: SearchResult} }) TabNavigation({ Home: {screen: HomeStack}, Search: {screen: SearchStack} }) So let's say I did a search and I'm now on SearchResult screen. I

问题 How is it possible to hide certain TabBar item from TabNavigator. Is there a certain TabBarOptions option, which has visible key(true/false) like this? const Tabs = TabNavigator({ Home: { screen: Home }, Profile: { screen: Thanks, tabBarOptions: { visible: false }, }, More: { screen: More }, }) 回答1: There is not 'visible' option for hide specific item from TabNavigator. You need to create a Stacknavigator and a Tabnavigator. In the Stacknavigator you will add yours 'invisible' tabbar items

问题 I have a TabNavigator as shown in the picture. Header Image I am using TabNavigator for creating these tabs as below. const Tab_Navigator = TabNavigator({ First:{ screen: First, }, Second:{ screen: Second, }, Third:{ screen: Third, }, Now I want to block/disable "Second" and "Third" tabs. It should be visible but one shouldn't able to navigate to them. I tried blocking these tabs as shown here but I guess I am missing something. My try: Tab_Navigator.router.getStateForAction = (action, state)

问题 In bottom navigation with three tabs (Home, Dashboard, Notifications). Each bottom navigation tab is a fragment. The first tab ie. Home fragment contains another top navigation tabs having four tabs (Tab 1, Tab 2, Tab 3, Tab 4). The problem When navigate from Home tab to Notifications tab directly and come back to Home tab, Tab1/which ever tab previously selected tab (top navigation tabs) the content of the tab is not loaded. When swipe the tabs from Tab 1 (Home fragment tab) all the way to

问题 In bottom navigation with three tabs (Home, Dashboard, Notifications). Each bottom navigation tab is a fragment. The first tab ie. Home fragment contains another top navigation tabs having four tabs (Tab 1, Tab 2, Tab 3, Tab 4). The problem When navigate from Home tab to Notifications tab directly and come back to Home tab, Tab1/which ever tab previously selected tab (top navigation tabs) the content of the tab is not loaded. When swipe the tabs from Tab 1 (Home fragment tab) all the way to