如何在wix中基于选项卡的屏幕之前显示单个屏幕反应本机导航答案

【问题标题】：How to display single screens before tab based screen in wix react native navigation如何在wix中基于选项卡的屏幕之前显示单个屏幕反应本机导航
【发布时间】：2018-06-05 06:59:51
【问题描述】：

我正在尝试在应用打开时显示初始屏幕、位置屏幕，基本上是singleScreenApp，一旦选择了位置，我想将用户推送到home screen，即带有侧抽屉的TabBased screen。对于导航，我正在使用名为 wix react native navigation

的 react native 包

我面临的问题是，当页面加载时，它直接将我带到主页。启动屏幕和登录屏幕没有出现

这是我每个页面的代码

App.js （这是我的应用程序入口点）

import { Navigation } from 'react-native-navigation';
import { registerScreens } from './screens/index';
registerScreens();
Navigation.startSingleScreenApp({
    screen: {
        screen: 'app.splash',
        title: 'Splash',
    }
});

然后我的启动屏幕编码了一些图像和一个计时器以转到位置屏幕。在位置屏幕上，单击它时我有一个按钮，它将home.js 设置为root

我的主屏幕代码home.js

import React, { Component } from 'react';
import {...} from 'react-native';
import "../resources/components/mainTabs";
class HomeScreen extends Component {
    render = () => {
        return (
            // BLOCK TO RENDER
        );
    }
}
module.exports = HomeScreen;

mainTabs.js 其中包含基于标签的导航代码

import { Navigation } from 'react-native-navigation';
import Icon from 'react-native-vector-icons/Ionicons';

Promise.all([
    Icon.getImageSource("md-home", 30),
    Icon.getImageSource("md-calendar", 30),
]).then(sources => {
    Navigation.startTabBasedApp({
        tabs: [
            {
                screen: "app.home",
                label: "Home",
                title: "Subscription",
                icon: sources[0],

            },
            {
                screen: "app.subscription",
                label: "Subscription",
                title: "Subscription",
                icon: sources[1],

            }
        ],
        drawer: {
            left: {
                screen: "app.sideDrawer"
            }
        }
    });
});

所以这首先显示启动画面，然后是选项卡画面，但它直接进入选项卡画面。谁能帮帮我谢谢我关注的主题：react-native-navigation | Setting initial screen without putting it as tab?

【问题讨论】：

标签： javascript reactjs react-native react-native-navigation wix-react-native-navigation

【解决方案1】：

替换导入“../resources/components/mainTabs”； import tabs from "../resources/components/mainTabs";

然后点击登录按钮只需拨打tabs() 如果问题仍然存在，请向我展示您的 registerScreens() 函数，以便我可以提供进一步的帮助

【讨论】：