javascript - 底部标签如何不显示名称

Question

我有 app.js，其中：

const Tab = createBottomTabNavigator();


export default function App() {

    return (
        <NavigationContainer>
            <Tab.Navigator>
                <Tab.Screen name='Home' component={Home} />
            </Tab.Navigator >
        </NavigationContainer>
    )

}

我显示底部选项卡，但我看到顶部的导航显示“主页”，就像 StackNavigator 一样。我希望没有真正的领域

标签： javascriptreact-nativeexpo

Answer 1

隐藏底部标签标签

const Tab = createBottomTabNavigator();


export default function App() {

    return (
        <NavigationContainer>
            <Tab.Navigator
               tabBarOptions={{
                   showLabel: false, // add this line to hide tab label
     
                }}
               >
                <Tab.Screen name='Home' component={Home} />
            </Tab.Navigator >
        </NavigationContainer>
    )

}