App.js

import React, { Component } from 'react';
import { Provider } from 'react-redux';
import { Actions } from 'react-native-router-flux';
import { PersistGate } from 'redux-persist/lib/integration/react';
import Route from './src/utils/routes';
import LinkedRouter from './src/utils/LinkedRouter';
import SplashScreen from './src/components/splashScreen';

import configureStore from './src/utils/store';
let { store, persistor } = configureStore();

import { StyleProvider, Root } from 'native-base';
import getTheme from './src/assets/styles/native-base-theme/components';
import platform from './src/assets/styles/native-base-theme/variables/platform';

/**
 * Navigator using React-Native-Router-Flux
 * @extends Component
 */
export default class App extends Component {
	render() {
		return (
			<Provider store={store}>
				<PersistGate loading={null} persistor={persistor}>
					{isLoaded => {
						if (!isLoaded) {
							return <SplashScreen />;
						} else {
							return (
								//Loading custom Native Base styling to the app
								<Root>
									<StyleProvider style={getTheme(platform)}>
										<LinkedRouter scheme="https" />
									</StyleProvider>
								</Root>
							);
						}
					}}
				</PersistGate>
			</Provider>
		);
	}
}