import React, {useEffect} from 'react'; import {View, Text, ImageBackground, StyleSheet, StatusBar} from 'react-native'; import {connect} from 'react-redux'; import StackNavigation from './routers/StackNavigation'; import Modal from 'react-native-modal'; import {SkypeIndicator} from 'react-native-indicators'; import {enableScreens} from 'react-native-screens'; import NoInternetComponent from './components/NoInternet'; enableScreens(); const RootView = (props) => { return ( <> <View style={{flex: 1}}> <Modal isVisible={props.loadingModal.isVisible}> <SkypeIndicator color={'white'} /> </Modal> <StackNavigation /> </View> <NoInternetComponent /> </> ); }; const mapStateToProps = (state) => { return { loadingModal: state.ModalLoadingReducer, }; }; export default connect(mapStateToProps, {})(RootView);