App.js

import React from "react";
import { StyleSheet, View, Alert } from "react-native";
import { TabNavigator, StackNavigator } from "react-navigation";
import { PersistGate } from "redux-persist/es/integration/react";
import { Provider } from "react-redux";
import { Notifications } from "expo";
import registerForNotifications from "./services/push_notifications";
import configureStore from "./store";

import AuthScreen from "./screens/AuthScreen";
import WelcomeScreen from "./screens/WelcomeScreen";
import MapScreen from "./screens/MapScreen";
import DeckScreen from "./screens/DeckScreen";
import SettingsScreen from "./screens/SettingsScreen";
import ReviewScreen from "./screens/ReviewScreen";

export default class App extends React.Component {
    componentDidMount() {
        registerForNotifications();
        Notifications.addListener(notification => {
            const { data: { text } } = notification;
            if (origin === "received" && text) {
                Alert.alert("new push notification", text, [{ text: "ok" }]);
            }
        });
    }

    render() {
        const { persistor, store } = configureStore();
        const MainNavigator = TabNavigator(
            {
                welcome: { screen: WelcomeScreen },
                auth: { screen: AuthScreen },
                main: {
                    screen: TabNavigator(
                        {
                            map: { screen: MapScreen },
                            deck: { screen: DeckScreen },
                            review: {
                                screen: StackNavigator({
                                    review: { screen: ReviewScreen },
                                    settings: { screen: SettingsScreen }
                                })
                            }
                        },
                        {
                            tabBarOptions: {
                                labelStyle: { fontSize: 12 }
                            }
                        }
                    )
                }
            },
            {
                navigationOptions: {
                    tabBarVisible: false
                },
                lazy: true
            }
        );

        return (
            <Provider store={store}>
                <PersistGate persistor={persistor}>
                    <View style={styles.container}>
                        <MainNavigator />
                    </View>
                </PersistGate>
            </Provider>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: "#fff",
        justifyContent: "center"
    }
});