无法在 React Native 应用程序中删除 header

Question

我是构建 React Native 应用程序的新手，但我在 android 工作室有一点经验，我正在使用 Stack.Navigatior 但我已经隐藏了 header 通过设置 headerShown: false，当我尝试 headerShown: true 时它会附加另一个 header 所以我只需要保持为 false 但另一个仍然存在，我只想删除上面的 header ，但是如何呢？为此需要帮助

import React from 'react';
import { CryptoDetail, Transaction } from "./screens";
import { createStackNavigator } from "@react-navigation/stack";
import { NavigationContainer } from '@react-navigation/native';
import SplashScreen from 'react-native-splash-screen';

import Tabs from "./navigation/tabs";

const Stack = createStackNavigator();

const App = () => {
  React.useEffect(() =>{
    SplashScreen.hide()
  },[])
  return (
    <NavigationContainer>
      <Stack.Navigator
        screenOptions={{
          headerShown: false
        }}
        initialRouteName={'Home'}
      >
        <Stack.Screen
          name="Home"
          component={Tabs}
        />
        <Stack.Screen
          name="CryptoDetail"
          component={CryptoDetail}
        />
        <Stack.Screen
          name="Transaction"
          component={Transaction}
        />
      </Stack.Navigator>
    </NavigationContainer>
  )
}
export default App;

Answer 1

您需要为每个 Navigator 设置 headerShown: false，而不仅仅是一个。在您的代码中的某处，例如在“选项卡”组件中，您有另一个导航器，您也需要将其设置在那里。