2017-09-20 80 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歡迎兄弟:) –