美文网首页
react-native 初始化路由路径-深层嵌套

react-native 初始化路由路径-深层嵌套

作者: Biao_349d | 来源:发表于2023-10-30 13:54 被阅读0次
initialParams  = {}
 localinitialRouteName = 'Root'
    localInitialParams = { screen: 'TabList', params: { screen: 'TabListScreen', params: { ...initialParams } } }
return (
    <Stack.Navigator initialRouteName={localinitialRouteName || 'Root'}>
      <Stack.Screen
        name="Root"
        component={BottomTabNavigator}
        initialParams={localInitialParams}
        options={{
          headerShown: false,
          cardStyleInterpolator: () => ({
            cardStyle: {
              opacity: 1
            }
          })
        }}
      />
 </Stack.Navigator 
)

隐藏底部tab栏

    <BottomTab.Navigator
      screenOptions={{
        tabBarStyle: {
          display: tabBarVisible === false ? 'none' : 'flex' // 是否隐藏底部tabbar
        },
      }}

隐藏头部

    <BottomTab.Navigator
        headerShown: false,
      }}

相关文章

  • 11.路由嵌套

    1.一个组件中包含子路由,就会出现路由嵌套。这时就需要给子路由配置路径。子路由的路径可以直接写最终路径,其上级路径...

  • 24.路由的嵌套

    路由的嵌套写法: 注意:嵌套的路由路径不用加前面的/ 然后,在父级路由映射的组件中通过router-view使用一...

  • react路由基础配置

    1、根据路径加载对应页面内容2、路由跳转3、路由懒加载4、嵌套路由(子路由)5、路由管理6、路由跳转权限校验 1、...

  • 2018-09-25路由的嵌套及传参

    1.简单的路由嵌套例子 需要注意在要嵌套的路由最后添加children,写成数组对象形式添加相对应的路径,把需要嵌...

  • React(脚手架)——create-react-app撸api

    路由嵌套相当于vue的子路由,路由套路由 首先初始化布局 我自己简单写了一点css,编辑一下user组件 然后加点...

  • 路由的嵌套

    路由的嵌套