在 TabNavigator 中使用 stacknavigator
Using stacknavigator in TabNavigator
我想在 TabNavigator
中使用 stacknavigation
与 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 );
我的意思是,当应用程序启动时,在我将标签栏屏幕更改为设置后,当我想恢复时,它不起作用。
它显示错误的结果,因为 Tabnavigator 和 StackNavigator 的名称相同。
所以它无法检测到正确的 navigating.change 其中一个导航器的名称(Tab 导航器或堆栈导航器)
我改变了 Tabnavigator。
正确的代码在这里:
const stack = StackNavigator({
Main: {screen: main},
Profile: {screen: main},
});
export const TabBar = TabNavigator({
Main2: {screen: main},
Setup: {screen: stack},
});
我想在 TabNavigator
中使用 stacknavigation
与 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 );
我的意思是,当应用程序启动时,在我将标签栏屏幕更改为设置后,当我想恢复时,它不起作用。
它显示错误的结果,因为 Tabnavigator 和 StackNavigator 的名称相同。
所以它无法检测到正确的 navigating.change 其中一个导航器的名称(Tab 导航器或堆栈导航器)
我改变了 Tabnavigator。
正确的代码在这里:
const stack = StackNavigator({
Main: {screen: main},
Profile: {screen: main},
});
export const TabBar = TabNavigator({
Main2: {screen: main},
Setup: {screen: stack},
});