2017-09-20 82 views
1

我想在TabNavigator中使用stacknavigationreactnavigation 本机反应,但是在运行时遇到问题。它会自动切换到屏幕,该屏幕具有stacknavigation在堆栈上推屏幕在TabNavigator中使用堆栈导航器

import { 
TabNavigator,StackNavigator 
} from 'react-navigation'; 
import main from '../screen/main' 

const stack = StackNavigator({ 
Main: {screen: main}, 
Profile: {screen: main}, 
}); 

export const TabBar = TabNavigator({ 
Main: {screen: main}, 
Setup: {screen: stack}, 
}); 

AppRegistry.registerComponent('app',() => TabBar ); 

我指的是,当应用程序启动后,我改变标签栏的屏幕设置,当我想复出这是行不通的。

回答

1

它显示错误的结果,因为Tabnavigator和StackNavigator的名称是相同的。
,因此它无法检测到正确的导航。更改其中一个导航器的名称(Tab navigator或Stacknavigator) 我更改了Tabnavigator。
正确的代码在这里:

const stack = StackNavigator({ 
Main: {screen: main}, 
Profile: {screen: main}, 
}); 

export const TabBar = TabNavigator({ 
Main2: {screen: main}, 
Setup: {screen: stack}, 
}); 
+0

非常感谢。你的解决方案非常有用。你是我的英雄@ eshagh-moutabi –

+0

u'r欢迎兄弟:) –