转到子场景选项卡 - react-native-router-flux

Question

这是我的路由器层次结构：

<Tabs
  key='tabbar'
  backToInitial
  onTabOnPress={() => {
    console.log('Back to initial and also print this');
  }}
  swipeEnabled
  hideNavBar={true}
>
  <Scene
    title='Profilo'
    key='profile'
    component={Profile}
    tabBarLabel='Profilo'
    icon={TabBarIcon}
    name='ios-person'
    titleStyle={{
      fontFamily: 'RobotoRegular', 
      fontSize: 24, 
      color: '#00b0ff'
    }}
  >
    <Scene
      title='adsf'
      key='vehicle'
      component={Vehicle}
      titleStyle={{
        fontFamily: 'RobotoRegular', 
        fontSize: 24, 
        color: '#00b0ff'
      }}
    />
  </Scene>

</Tabs>

如果我在 Profilo 页面上并且不想转到 Vehicle 页面，我使用 Actions.vehicle() 但我收到此错误：

Actions.vehicle() is not a function

我已经尝试使用，但这也不起作用我该如何解决这个问题？

预期 snack 的结果如下：

Answer 1

使用动作场景键将要求您的场景与其他场景处于同一级别，即 vehicle 场景不能是 profile 的子组件。

此外，您将需要一个 Stack 组件来容纳 profile 和 vehicle 场景，以便您可以调用 Actions.{key} 正确访问场景。

我在这里放了一个 snack 给你玩玩。 :)

建议的解决方案：

<Tabs
  key='tabbar'
  backToInitial
  onTabOnPress={() => {
    console.log('Back to initial and also print this');
  }}
  swipeEnabled
  hideNavBar={true}
>
  <Stack
    title='ProfiloStack'
    key='profileStack'
  >
  <Scene
    title='Profilo'
    key='profile'
    component={Profile}
    tabBarLabel='Profilo'
    icon={TabBarIcon}
    name='ios-person'
    titleStyle={{
      fontFamily: 'RobotoRegular', 
      fontSize: 24, 
      color: '#00b0ff'
    }}
  />
    <Scene
      title='adsf'
      key='vehicle'
      component={Vehicle}
      titleStyle={{
        fontFamily: 'RobotoRegular', 
        fontSize: 24, 
        color: '#00b0ff'
      }}
    />
  </Stack>
</Tabs>

转到子场景选项卡 - react-native-router-flux

Go to sub-scene tabs - react-native-router-flux

react-native

react-native-router-flux

expo