无法删除 React Native 应用程序中的标头

Question

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

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

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