App.js

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow strict-local
 */

import React, {useState} from 'react';
import {StyleSheet,} from 'react-native';
import {applyMiddleware, createStore} from "redux";
import thunk from "redux-thunk";

import reducers from "./src/reducers";
import {navigationRef} from "./src/routes/RootNavigation";
import {Provider} from "react-redux";
import {DarkTheme, NavigationContainer} from '@react-navigation/native';
import RootStack from "./src/routes/routes";
import FlashMessage from "react-native-flash-message";
import i18n from "./src/utils/i18n";
import {Provider as ProviderPaper} from "react-native-paper";

import Spinner from "react-native-loading-spinner-overlay";

const createStoreWithMiddleware = applyMiddleware(thunk)(createStore);
export const providerStore = createStoreWithMiddleware(reducers);



const App = () => {

    const [routeName, setRouteName] = useState();

    return (
        <Provider store={providerStore}>
            <ProviderPaper>
            <NavigationContainer ref={navigationRef} theme={DarkTheme}
                                 onStateChange={async () => {
                                     const currentRouteName = navigationRef?.getCurrentRoute().name;
                                     console.log(currentRouteName);
                                     setRouteName(currentRouteName);
                                 }}
            >
                    <RootStack routeName={routeName}/>
            </NavigationContainer>
            <FlashMessage position="top" />
            <Spinner
                visible={providerStore.getState().showSpinner}
                textContent={i18n.t("loading")+"..."}
                textStyle={{color:"#FFF"}}
            />
            </ProviderPaper>
        </Provider>
    );
};

const styles = StyleSheet.create({
    sectionContainer: {
        marginTop: 32,
        paddingHorizontal: 24,
    },
    sectionTitle: {
        fontSize: 24,
        fontWeight: '600',
    },
    sectionDescription: {
        marginTop: 8,
        fontSize: 18,
        fontWeight: '400',
    },
    highlight: {
        fontWeight: '700',
    },
});

export default App;