<i id='AdzG5'><tr id='AdzG5'><dt id='AdzG5'><q id='AdzG5'><span id='AdzG5'><b id='AdzG5'><form id='AdzG5'><ins id='AdzG5'></ins><ul id='AdzG5'></ul><sub id='AdzG5'></sub></form><legend id='AdzG5'></legend><bdo id='AdzG5'><pre id='AdzG5'><center id='AdzG5'></center></pre></bdo></b><th id='AdzG5'></th></span></q></dt></tr></i><div id='AdzG5'><tfoot id='AdzG5'></tfoot><dl id='AdzG5'><fieldset id='AdzG5'></fieldset></dl></div>
    • <bdo id='AdzG5'></bdo><ul id='AdzG5'></ul>

    <small id='AdzG5'></small><noframes id='AdzG5'>

    <tfoot id='AdzG5'></tfoot>

      1. <legend id='AdzG5'><style id='AdzG5'><dir id='AdzG5'><q id='AdzG5'></q></dir></style></legend>

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

        时间:2023-11-29
        <tfoot id='WhTJj'></tfoot>

              <small id='WhTJj'></small><noframes id='WhTJj'>

            1. <legend id='WhTJj'><style id='WhTJj'><dir id='WhTJj'><q id='WhTJj'></q></dir></style></legend>
              • <bdo id='WhTJj'></bdo><ul id='WhTJj'></ul>
                <i id='WhTJj'><tr id='WhTJj'><dt id='WhTJj'><q id='WhTJj'><span id='WhTJj'><b id='WhTJj'><form id='WhTJj'><ins id='WhTJj'></ins><ul id='WhTJj'></ul><sub id='WhTJj'></sub></form><legend id='WhTJj'></legend><bdo id='WhTJj'><pre id='WhTJj'><center id='WhTJj'></center></pre></bdo></b><th id='WhTJj'></th></span></q></dt></tr></i><div id='WhTJj'><tfoot id='WhTJj'></tfoot><dl id='WhTJj'><fieldset id='WhTJj'></fieldset></dl></div>

                    <tbody id='WhTJj'></tbody>
                  本文介绍了在堆栈导航器中隐藏标题 React 导航的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                  问题描述

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

                  I'm trying to switch screens using both stack and tab navigator.

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

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

                  In this case stack navigator is used first and then tab navigator. I want to hide the headers from stack navigator. Which is not working properly when I use navigation options like::

                  navigationOptions: { header: { visible: false } }
                  

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

                  i'm trying this code on first two components which are using in stacknavigator. if i use this line then getting some error like:

                  推荐答案

                  更新至版本 5

                  从版本 5 开始,它是 screenOptions

                  As of version 5 it is the option headerShown in screenOptions

                  使用示例:

                  <Stack.Navigator
                    screenOptions={{
                      headerShown: false
                    }}
                  >
                    <Stack.Screen name="route-name" component={ScreenComponent} />
                  </Stack.Navigator>
                  

                  如果您只想在 1 个屏幕上隐藏标题,您可以通过在屏幕组件上设置 screenOptions 来实现此目的,例如:

                  If you want only to hide the header on 1 screen you can do this by setting the screenOptions on the screen component see below for example:

                  <Stack.Screen options={{headerShown: false}} name="route-name" component={ScreenComponent} />
                  

                  另请参阅关于第 5 版的博客

                  See also the blog about version 5

                  更新
                  从版本 2.0.0-alpha.36 (2019-11-07) 开始,
                  有一个新的导航选项:headershown

                        navigationOptions: {
                          headerShown: false,
                        }
                  

                  https://reactnavigation.org/docs/stack-navigator#headershown

                  https://github.com/react-navigation/react-navigation/提交/ba6b6ae025de2d586229fa8b09b9dd5732af94bd

                  旧答案

                  我用它来隐藏堆栈栏(注意这是第二个参数的值):

                  I use this to hide the stack bar (notice this is the value of the second param):

                  {
                      headerMode: 'none',
                      navigationOptions: {
                          headerVisible: false,
                      }
                  }
                  

                  当您使用此方法时,它将在所有屏幕上隐藏.

                  When you use the this method it will be hidden on all screens.

                  在你的情况下,它看起来像这样:

                  In your case it will look like this:

                  const MainNavigation = StackNavigator({
                    otp: { screen: OTPlogin },
                    otpverify: { screen: OTPverification },
                    userVerified: {
                      screen: TabNavigator({
                      List: { screen: List },
                      Settings: { screen: Settings }
                     }),
                   }
                  },
                  {
                    headerMode: 'none',
                    navigationOptions: {
                      headerVisible: false,
                    }
                   }
                  );
                  

                  这篇关于在堆栈导航器中隐藏标题 React 导航的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                  上一篇:从网页安装 URI 方案的服务处理程序 下一篇:实现拉取刷新 FlatList

                  相关文章

                    <legend id='Fp4aM'><style id='Fp4aM'><dir id='Fp4aM'><q id='Fp4aM'></q></dir></style></legend>
                      <bdo id='Fp4aM'></bdo><ul id='Fp4aM'></ul>

                  1. <small id='Fp4aM'></small><noframes id='Fp4aM'>

                      <i id='Fp4aM'><tr id='Fp4aM'><dt id='Fp4aM'><q id='Fp4aM'><span id='Fp4aM'><b id='Fp4aM'><form id='Fp4aM'><ins id='Fp4aM'></ins><ul id='Fp4aM'></ul><sub id='Fp4aM'></sub></form><legend id='Fp4aM'></legend><bdo id='Fp4aM'><pre id='Fp4aM'><center id='Fp4aM'></center></pre></bdo></b><th id='Fp4aM'></th></span></q></dt></tr></i><div id='Fp4aM'><tfoot id='Fp4aM'></tfoot><dl id='Fp4aM'><fieldset id='Fp4aM'></fieldset></dl></div>

                    1. <tfoot id='Fp4aM'></tfoot>