React Native - 通过routestack导航

时间:2017-01-13 18:17:03

标签: javascript reactjs react-native

当我按下第二个突出显示时,它应该导航到第三个场景。 但它导航到空白/白色屏幕。 进入第三个场景的唯一方法是,如果您通过按第一个高亮显示,弹出,然后按到第二个高亮显示,然后它可以工作,进入第二个场景。 但是,如果我想马上到达第三个怎么办?

<Navigator initialRoute={routes[0]} initialRouteStack={routes} renderScene={(route, navigator) =>
    <View>
    <TouchableHighlight onPress={() => {
      if (route.index == 0) {
        navigator.push(routes[1]);
      } else {
        navigator.pop();
      }
      }
    }
    >
    <Text>Hello {route.title}!</Text>
    </TouchableHighlight>

    <TouchableHighlight onPress={() => {
      if (route.index == 0) {
          navigator.push(routes[2]);
      } else {
        navigator.pop();
      }
      }
    }
    >
    <Text>Please {route.title}!</Text>
    </TouchableHighlight>
    {getPage(route.index)}
</View>
}
/>

1 个答案:

答案 0 :(得分:0)

<强>更新

如果您已设置initialRouteStack道具,则需要从Navigator移除initialRoute道具,以便能够从第一个场景导航到第三个场景。

不确定为什么你不能为它设置两个道具。