如何路由添加到浏览器在反应母语

问题描述:

我刚刚卷入了原生的反应和我有零的移动体验,让我有几个问题。主要关于导航仪。如何路由添加到浏览器在反应母语

我有一个初始堆栈,是这样的(伪码)

routes = [ 
    {scene: 1}, {scene: 2}, {scene: 3} 
] 

和我它们之间滑动。

现在,让我们说,我想推从场景中的一个新的场景(嵌套导航?)。我最终

routes = [ 
    {scene: 1}, {scene: 4 (pushed scene)} 
] 

而这正是我卡住了。处理这个问题的正确方法是什么?我应该重置堆栈和失去的过渡或者是有办法,我怎么可能会推动新场景的最后一个场景,并用类似

最终
routes = [ 
    {scene: 1}, {scene: 2}, {scene: 3}, {scene: 4} 
] 

感谢您的帮助

+0

只是想澄清你想实现什么:你想在现场1开始,推到场景4,但是当你回到1时,你想让它进入场景3和场景2? –

+0

@MattAft我有一种在根滑动浏览的Tab键导航。当我导航到一个新场景(比如secene 4)时,底部的选项卡仍然存在,我想通过它们进行导航。所以基本上,从视觉上讲,我有三个并排的场景,我可以在上面堆叠视图。我希望这有助于 – user3840147

+0

您使用的是什么类型的导航器组件?您应该搜索反应原生选项卡式导航。你检查[这](https://medium.com/react-native-training/react-native-navigator-experimental-part-3-adding-tabs-28a2c57356b6#.pgsow1i5e) – milkersarac

首先,我强烈建议您阅读React Native导航器的官方文档(https://facebook.github.io/react-native/docs/navigator.html)。这些路线有许多功能。

在您的例子,如果你只是想添加从SCENE1一个新的观点,你可以在SCENE1

this.props.navigator.push(Routes.scene4); 

而且在scene4调用此方法,你可以调用这个回去SCENE1这亿韩元”牛逼影响当前堆栈SCENE2和scene3

this.props.navigator.pop() 

好吧,让我们说你要在现场3添加scene4,并希望单击后退按钮返回到SCENE1(的第一个场景)。你怎么能这样做? 您可以调用下面的函数

this.props.navigator.popToTop() 

您重定向到堆栈的最顶端 - SCENE1。

有是也是相当有用的许多其他功能:popToRoute(ANY_ROUTE_BEFORE_THIS),jumpTo(ROUTE_YOU_WANT)等