Как отображать отдельные экраны до того, как на основе вкладок в wix реагируют на встроенную навигацию - PullRequest
0 голосов
/ 05 июня 2018

Я пытаюсь отобразить заставку, экран местоположения при открытии приложения, которые в основном singleScreenApp, и после выбора местоположения я хочу подтолкнуть пользователя к home screen, который TabBased screen с боковыми выдвижными ящиками.Для навигации я использую встроенный пакет реагирования, называемый wix реагирует на встроенную навигацию

. Проблема, с которой я сталкиваюсь, заключается в том, что, когда страница загружается, она сразу приводит меня на домашнюю страницу.Заставка и экран входа не приходят

Вот мой код для каждой страницы

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"
            }
        }
    });
});

Итак, сначала отображается экран-заставка, затем экран вкладок, но егопрямо на вкладке экрана.Может кто-нибудь, пожалуйста, помогите мне Спасибо Тема, я следовал: реагировать-родной-навигации |Установка начального экрана без использования вкладки?

1 Ответ

0 голосов
/ 13 июня 2018

заменить импорт "../resources/components/mainTabs";с import tabs from "../resources/components/mainTabs";

1003 * затем нажатием кнопки входа просто позвоните tabs() Если проблема не устранена, то покажите мне ваши registerScreens () функцию, так что я могу предоставить Furthur помощь
...