Question

我想在stacknavigation中使用TabNavigator与reactnavigation做出反应但是当它运行时我遇到了问题。它会自动更改为具有stacknavigation的屏幕并在屏幕上按下

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  );

我的意思是，当应用程序启动时以及我将标签栏屏幕更改为设置后，当我想要复出时，它无法正常工作。

Answer 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},
});

在TabNavigator中使用stacknavigator

1 个答案: