App.js

/**
 * @author Arthur Martello <arthur.martello@etu.utc.fr>
 * @author Samy Nastuzzi <samy@nastuzzi.fr>
 *
 * @copyright Copyright (c) 2019, SiMDE-UTC
 * @license GPL-3.0
 */

import React from 'react';
import { StatusBar, YellowBox, StyleSheet, Text, Platform } from 'react-native';
import { createAppContainer, createSwitchNavigator, SafeAreaView } from 'react-navigation';
import { Provider, connect } from 'react-redux';
import SpinnerOverlay from 'react-native-loading-spinner-overlay';
import AppLoader from './src/screens/AppLoader';
import ChangelogScreen from './src/screens/Settings/ChangelogScreen';
import MainNavigator from './src/navigations/MainNavigator';
import AuthNavigator from './src/navigations/Auth/AuthNavigator';
import store from './src/redux/store';
import colors from './src/styles/colors';

const styles = StyleSheet.create({
	defaultFontFamily: {
		fontFamily: 'Roboto',
	},
});

// Bug: https://github.com/simde-utc/payutc-mobile/issues/226
if (Platform.OS === 'android') {
	const oldRender = Text.render;
	Text.render = function render(...args) {
		const origin = oldRender.call(this, ...args);
		return React.cloneElement(origin, {
			style: [styles.defaultFontFamily, origin.props.style],
		});
	};
}

const AppNavigator = createSwitchNavigator(
	{
		Loading: AppLoader,
		Auth: AuthNavigator,
		Main: MainNavigator,
		Changelog: ChangelogScreen,
	},
	{
		initialRouteName: 'Loading',
	}
);

YellowBox.ignoreWarnings(['Async Storage', 'WebView']);

const AppContainer = createAppContainer(AppNavigator);

const paddingTop = StatusBar.currentHeight || 20;

const mapStateToProps = ({ config }) => ({ config });

const ConnectedApp = connect(mapStateToProps)(({ config }) => (
	<SafeAreaView style={{ flex: 1, paddingTop }} forceInset={{ bottom: 'never' }}>
		<StatusBar backgroundColor={colors.primary} translucent />
		<SpinnerOverlay {...config.spinner} />
		<AppContainer screenProps={{ config }} />
	</SafeAreaView>
));

export default function App() {
	return (
		<Provider store={store}>
			<ConnectedApp />
		</Provider>
	);
}