在堆栈导航器中隐藏标题 React 导航

Question

我正在尝试使用堆栈和选项卡导航器切换屏幕。

const MainNavigation = StackNavigator({
      otp: { screen: OTPlogin },
      otpverify: { screen: OTPverification},
      userVerified: {
        screen: TabNavigator({
          List: { screen: List },
          Settings: { screen: Settings }
        }),
      },
    });

在这种情况下，首先使用堆栈导航器，然后使用选项卡导航器。我想从堆栈导航器中隐藏标题。当我使用以下导航选项时，哪个无法正常工作::

navigationOptions: { header: { visible: false } }

我正在堆栈导航器中使用的前两个组件上尝试此代码。 如果我使用此行，则会出现一些错误，例如：

Answer 1

尝试最好的方法，下面的代码适合我。

options={{
    headerShown: false,
    }}

把上面的代码放在

<Stack.Navigator>
      <Stack.Screen name="LogOut" component={LogOut} options={{
             headerShown: false,
                }}   />
            </Stack.Navigator>
        </NavigationContainer>