如何在一个屏幕上隐藏反应导航标题

Question

我需要在我尝试过的应用的着陆页上隐藏导航栏：

const Stack = createStackNavigator(
  {
    Landing: {screen: LandingScreen},
  },
  {
    headerMode: 'none',
    navigationOptions: {
      headerVisible: false,
    },
  },
);

但是我收到一个错误消息：

“创建导航器不需要参数...”

[当我使用headerMode="none"时，它将在所有屏幕上隐藏导航栏

 <NavigationContainer>
      <Stack.Navigator
        headerMode="none" // this hides on all screens
        screenOptions={{
          headerStyle: {
            backgroundColor: '#3c74db',
          },
          headerTintColor: '#fff',
          headerTitleStyle: {
            fontWeight: 'bold',
          },
        }}>
        <Stack.Screen
          name="Landing"
          component={LandingScreen}
          options={{headerShown: 'none'}}
        />
        <Stack.Screen name="Sales" component={SalesScreen} />
        <Stack.Screen name="Sign In" component={SignInScreen} />
        <Stack.Screen name="Register" component={RegisterScreen} />
        <Stack.Screen name="Create Item" component={CreateItemScreen} />
        <Stack.Screen name="Payment" component={PaymentScreen} />
      </Stack.Navigator>
    </NavigationContainer>

所以我怎么只能在一个屏幕上隐藏？

Answer 1

尝试一下：

export default class Onboarding extends Component {

  static navigationOptions = { header: null };

  ...
}

希望有帮助

Answer 2

//In component want hide

export default class Abc extends Component<{}> {
  static navigationOptions = { header: null };
}