首页 文章

如何在wix中基于选项卡的屏幕之前显示单个屏幕对原生导航做出反应

提问于
浏览 次
1

我正在尝试显示启动画面，应用程序打开时的位置屏幕基本上是 singleScreenApp 并且一旦选择了位置我想将用户推到 home screen 这是带有侧抽屉的 TabBased screen . 对于导航我正在使用反应本机包称为wix react native navigation

我面临的问题是，当页面加载它直接带我到主页 . 启动画面和登录界面不会出现

这是我的每个页面的代码

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

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

然后我的启动画面代码一些图像和一个计时器进入位置屏幕 . 在位置屏幕上，我点击它时有一个按钮，它以root身份设置 home.js

Code for my home screen 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 回答

  • 0

    替换import "../resources/components/mainTabs";与 import tabs from "../resources/components/mainTabs";

    然后点击登录按钮只需调用 tabs() 如果问题仍然存在，那么告诉我你的registerScreens（）函数，以便我可以提供更多的帮助

    回复于

相关问题