React native 在React Native（CreateBoottomTabNavigator）中隐藏选项卡

我遵循React Native中createBottomTabNavigator的文档，以隐藏底部选项卡。我必须添加导航选项并传递tabBarVisible:false

不确定我遗漏了什么：

import React from 'react'
import { StyleSheet, Text, View } from 'react-native'
import AuthScreen from './screens/AuthScreen'
import WelcomeScreen from './screens/WelcomeScreen'
import MapScreen from './screens/MapScreen'
import DeckScreen from './screens/DeckScreen'
import SettingsScreen from './screens/SettingsScreen'
import ReviewScreen from './screens/ReviewScreen'
import { createStackNavigator, createAppContainer, createBottomTabNavigator } from 'react-navigation'

import { Provider } from 'react-redux'
import store from './store'

const TabNavigator = createBottomTabNavigator(
  {
    Welcome: WelcomeScreen,
    Auth: AuthScreen,
    Main: {
      screen: createBottomTabNavigator({
        map: MapScreen,
        deck: DeckScreen,
        review: {
          screen: createStackNavigator({
            review: ReviewScreen,
            settings: SettingsScreen
          })
        }
      })
    }
  }, {
    navigationOptions: {
      tabBarVisible: false,
      lazy: true
    }
  }
)

const AppContainer = createAppContainer(TabNavigator);

export default class App extends React.Component {
  render() {
    return (
      <Provider store={store}>
        <AppContainer />
      </Provider>
    )
  }
}

从“React”导入React
从“react native”导入{样式表、文本、视图}
从“./screens/AuthScreen”导入AuthScreen
从“./screens/WelcomeScreen”导入WelcomeScreen
从“./screens/MapScreen”导入MapScreen
从“./screens/DeckScreen”导入DeckScreen
从“./screens/SettingsScreen”导入设置屏幕
从“./screens/ReviewScreen”导入ReviewScreen
从“react navigation”导入{createStackNavigator，createAppContainer，createBottomTabNavigator}
从“react redux”导入{Provider}
从“./store”导入存储
const TabNavigator=createBottomTabNavigator(
{
欢迎光临：欢迎光临，
Auth:AuthScreen，
主要内容：{
屏幕：CreateBoottomTabNavigator({
地图：地图屏幕，
甲板：甲板屏风，
审查：{
屏幕：createStackNavigator({
回顾：回顾屏幕，
设置：设置屏幕
})
}
})
}
}, {
导航选项：{
tabBarVisible:错误，
懒惰：是的
}
}
)
const AppContainer=createAppContainer（TabNavigator）；
导出默认类App扩展React.Component{
render（）{
返回(
)
}
}

在

默认导航选项

中放置

选项卡可见

，而不是

导航选项

：

const TabNavigator = createBottomTabNavigator(
  {
    Welcome: WelcomeScreen,
    Auth: AuthScreen,
    Main: {
      screen: createBottomTabNavigator({
        map: MapScreen,
        deck: DeckScreen,
        review: {
          screen: createStackNavigator({
            review: ReviewScreen,
            settings: SettingsScreen
          })
        }
      })
    }
  }, {
    defaultNavigationOptions: {
      tabBarVisible: false
    },
    navigationOptions: {
      lazy: true
    }
  }
)

---

我只是好奇，你怎么知道的？因为我查看了文档，它们解释了在“导航器内部屏幕的导航选项”下可以更改的所有属性