navigation wrapped to store provide in index.js

Author: Awais Rana

app/index.js

@@ -10,6 +10,7 @@ import { enableScreens } from 'react-native-screens';
 import SplashScreen from 'react-native-splash-screen';
 import { DropDownHolder, PushNotification } from './components';
 import AppNavigator from './navigation/root-stack';
+import AppStateProvider from './redux/provider';
 import { theme } from './theme';
 
 enableScreens();
@@ -27,11 +28,13 @@ const App = () => {
       <Root>
         <SafeAreaView style={styles.container}>
           <PaperProvider>
-            <NavigationContainer theme={theme}>
-              <AppNavigator />
-              <PushNotification />
-              <DropdownAlert ref={(ref) => DropDownHolder.setDropDown(ref)} />
-            </NavigationContainer>
+            <AppStateProvider>
+              <NavigationContainer theme={theme}>
+                <AppNavigator />
+                <PushNotification />
+                <DropdownAlert ref={(ref) => DropDownHolder.setDropDown(ref)} />
+              </NavigationContainer>
+            </AppStateProvider>
           </PaperProvider>
         </SafeAreaView>
       </Root>

index.js

@@ -1,6 +1,6 @@
-import {AppRegistry} from 'react-native';
+import { AppRegistry } from 'react-native';
+import { name as appName } from './app.json';
 import App from './app/index';
-import {name as appName} from './app.json';
 import i18next from './app/i18next';
 
 AppRegistry.registerComponent(appName, () => App);