App.js

import React, {Component} from "react";
import {
    Image,
    StyleSheet,
    View,
    Header,
    Alert,
    PushNotificationIOS,
} from "react-native";
import {
    createStackNavigator,
    createAppContainer,
    NavigationActions,
} from "react-navigation";
import PushNotification from "react-native-push-notification";

import NavigationService from "./NavigationService.js";
import List from "./src/List.js";
import Questions from "./src/Questions.js";
import Question from "./src/Question.js";
import Settings from "./src/Settings.js";
import LogIn from "./src/LogIn.js";
import Splash from "./src/Splash.js";
import BeepRepresentation from "./src/BeepRepresentation.js";
import ResearchChoice from "./src/ResearchChoice.js";
import ResearchDescription from "./src/ResearchDescription.js";
import PersonalInfo from "./src/PersonalInfo.js";
import LoadingNewUsers from "./src/LoadingNewUsers.js";
import Analitics from "./src/Analitics.js";

const AppNavigator = createStackNavigator(
    {
        Index: Questions,
        NewBeep: Questions,
        Beeps: List,
        Binary: Question,
        Text: Question,
        Tags: Question,
        TagsNoAdd: Question,
        Location: Question,
        MultipleChoice: Question,
        Slider: Question,
        Settings: Settings,
        LogIn: LogIn,
        Splash: Splash,
        BeepRepresentation: BeepRepresentation,
        ResearchChoice: ResearchChoice,
        ResearchDescription: ResearchDescription,
        PersonalInfo: PersonalInfo,
        LoadingNewUsers: LoadingNewUsers,
        Analitics: Analitics,
    },
    {
        initialRouteName: "Splash",
        defaultNavigationOptions: {
            headerStyle: {
                backgroundColor: "#4e4d4d",
                color: "white",
                shadowColor: "transparent",
                elevation: 0,
            },
            headerTintColor: "white",
            headerBackground: (
                <Image
                    style={{
                        position: "absolute",
                        top: 0,
                        botton: 0,
                        alignSelf: "center",
                    }}
                    source={require("./src/ui/header.png")}
                />
            ),
        },
    },
);

PushNotification.configure({
    onNotification: function(notification) {
        NavigationService.navigate("Index");
        notification.finish(PushNotificationIOS.FetchResult.NoData);
    },
});

const AppContainer = createAppContainer(AppNavigator);

export default class App extends React.Component {
    render() {
        return (
            <AppContainer
                ref={navigatorRef => {
                    NavigationService.setTopLevelNavigator(navigatorRef);
                }}
            />
        );
    }
}