React native 如何始终在React Native Navigation V5中显示底部选项卡标签？ 返回( ( ), }}> {（道具）=>( )} {（道具）=>( )} [...] );

文档中说要使用

标题显示模式

，但在哪里？什么时候我只为旧版本找到解决方案。我需要它来帮助你。 拜托，有人能帮我吗

---

我已经包含了我的代码的一些部分，以了解我如何使用lib

我创建了这个示例，其中

主屏幕总是隐藏底部选项卡，而
设置策略总是自动显示底部选项卡。关键点基本上是这些代码行，一行只有一个屏幕，另一行有一个StackNavigator：

return (
      <Tab.Navigator
        barStyle={{backgroundColor: '#F2F2F2'}}
        initialRouteName="Catalog">
        <Tab.Screen
          name="Settings"
          options={{
            tabBarLabel: 'Alterações',
            title: 'Configurações',
            tabBarIcon: ({color}) => (
              <MaterialCommunityIcons name="cog" color="#000" size={22} />
            ),
          }}>
          {(props) => (
            <Settings
              {...props}
              params={{
                cpf: params.cpf ? params.cpf : cpf,
              }}
            />
          )}
        </Tab.Screen>

        <Tab.Screen
          name="Catalog"
          options={{
            tabBarVisible: false,
            title: 'Ofertas',
          }}>
          {(props) => (
            <Catalog
              {...props}
              params={{
                pracaId: params.pracaId ? params.pracaId : pracaId,
              }}
            />
          )}
        </Tab.Screen>
           [...]
      </Tab.Navigator>
    );




此示例与文档中的示例类似，但包含更多组件

下面的代码在零食中，请检查这是否有助于您：

从“React”导入React；
从“react native”导入{Text，View，TouchableOpacity}；
从'@react-navigation/native'导入{NavigationContainer}；
从'@react navigation/stack'导入{createStackNavigator}；
从“@react navigation/material bottom tabs”导入{createMaterialBottomTabNavigator}；
内部屏幕（）的功能设置{
返回(
设置到内部屏幕！
);
}
函数设置屏幕（{navigation}）{
返回(
navigation.navigate（'SettingsInternalScreen'）}>
转到显示底部选项卡的屏幕
);
}
const SettingStack=createStackNavigator（）；
函数设置策略（）{
返回(
);
}
功能主屏幕（{navigation}）{
返回(
导航。导航（'HomeInternalScreen'）}>
转到屏幕隐藏底部选项卡
);
}
函数HomeInternalScreen（）{
返回(
主屏幕！
);
}
const Tab=createMaterialBottomTabNavigator（）；
常量选项卡：React.FC=（）=>{
返回(
);
};
const-MainStack=createStackNavigator（）；
导出默认函数App（）{
返回(
);
}
您是否已检查此文档：。它有一个例子，你如何隐藏或显示一些特定屏幕上的底部标签。但我想总是显示去标签。默认情况下，选项卡的标签仅在您处于相应屏幕时显示
<Tab.Screen name="HomeScreen" component={HomeScreen} />
<Tab.Screen name="SettingsStack" component={SettingsStack} />

import React from 'react';
import { Text, View, TouchableOpacity } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { createMaterialBottomTabNavigator } from '@react-navigation/material-bottom-tabs';

function SettingsInternalScreen() {
  return (
    <View
      style={{
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: 'orange',
      }}>
      <Text>SettingsInternalScreen!</Text>
    </View>
  );
}

function SettingsScreen({ navigation }) {
  return (
    <View
      style={{
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: 'red',
      }}>
      <TouchableOpacity
        style={{ backgroundColor: 'orange', padding: 16 }}
        onPress={() => navigation.navigate('SettingsInternalScreen')}>
        <Text>Go to Screen showing bottom tab</Text>
      </TouchableOpacity>
    </View>
  );
}

const SettingStack = createStackNavigator();

function SettingsStack() {
  return (
    <SettingStack.Navigator>
      <SettingStack.Screen name="SettingsScreen" component={SettingsScreen} />
      <SettingStack.Screen
        name="SettingsInternalScreen"
        component={SettingsInternalScreen}
      />
    </SettingStack.Navigator>
  );
}

function HomeScreen({ navigation }) {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <TouchableOpacity
        style={{ backgroundColor: 'gray', padding: 16 }}
        onPress={() => navigation.navigate('HomeInternalScreen')}>
        <Text>Go to Screen hidding bottom tab</Text>
      </TouchableOpacity>
    </View>
  );
}

function HomeInternalScreen() {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Text>HomeInternalScreen!</Text>
    </View>
  );
}

const Tab = createMaterialBottomTabNavigator();

const Tabs: React.FC = () => {
  return (
    <Tab.Navigator>
      <Tab.Screen name="HomeScreen" component={HomeScreen} />
      <Tab.Screen name="SettingsStack" component={SettingsStack} />
    </Tab.Navigator>
  );
};

const MainStack = createStackNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <MainStack.Navigator headerMode="none">
        <MainStack.Screen name={'Tabs'} component={Tabs} />
        <MainStack.Screen
          name={"HomeInternalScreen"}
          component={HomeInternalScreen}
        />
      </MainStack.Navigator>
    </NavigationContainer>
  );
}