如何在react-navigation v5中从单个屏幕隐藏堆栈导航标题

时间:2020-02-16 14:15:38

标签: reactjs react-native react-navigation stack-navigator

我的应用程序包含5个组件(屏幕),我正在使用版本5的堆栈导航,我需要除一个屏幕以外的所有屏幕的标题,我试图通过以下屏幕内部的选项来做到这一点:

这是我的代码:

const Stack = createStackNavigator();
const MainStack = () => ({
    return(
        <NavigationContainer>
            <Stack.Navigator>
                <Stack.Screen name="MyTabs" component={MyTabs} />
                <Stack.Screen name="Direct" component={Direct} />
                <Stack.Screen name="Like" component={Like} />
                <Stack.Screen name="Search" component={Search} />
                <Stack.Screen name="Home" component={Home} />
            </Stack.Navigator>
        </NavigationContainer>
    )
)}

2 个答案:

答案 0 :(得分:5)

使用options={{ headerShown: false }}

答案 1 :(得分:1)

  1. 在导航options={{ headerShown: false }}
  2. 来自组件navigation.setOptions({ headerShown: false })