我正在尝试在应用程序打开时显示初始屏幕、位置屏幕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 | 设置初始屏幕而不将其作为选项卡?