【问题标题】:Using stacknavigator in TabNavigator在 TabNavigator 中使用 stacknavigator
【发布时间】:2017-09-20 07:02:55
【问题描述】:

我想在TabNavigator 中使用stacknavigationreactnavigation 进行本机反应 但是我在运行时遇到了问题。它会自动更改为具有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  );

我的意思是,当应用程序启动时,在我将标签栏屏幕更改为设置后,当我想回来时它不起作用。

【问题讨论】:

    标签: android react-native react-navigation


    【解决方案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},
    });
    

    【讨论】:

    • 非常感谢。你的解决方案非常有用。你是我的英雄@eshagh-moutabi
    猜你喜欢
    • 2018-11-17
    • 2019-01-28
    • 2018-06-15
    • 1970-01-01
    • 2018-04-26
    • 2017-12-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多