reset the navigator when back gesture on last screen (Android) (#163)

Author: JeremyDolle

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecodingmachine/react-native-boilerplate",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "TheCodingMachine React Native Boilerplate",
   "repository": {
     "type": "git",

template/src/Navigators/Application.js

@@ -26,14 +26,23 @@ const ApplicationNavigator = () => {
     }
   }, [applicationIsLoading])
 
+  // on destroy needed to be able to reset when app close in background (Android)
+  useEffect(
+    () => () => {
+      setIsApplicationLoaded(false)
+      MainNavigator = null
+    },
+    [],
+  )
+
   return (
     <AppearanceProvider>
       <SafeAreaView style={[Layout.fill, { backgroundColor: colors.card }]}>
         <NavigationContainer theme={NavigationTheme} ref={navigationRef}>
           <StatusBar barStyle={darkMode ? 'light-content' : 'dark-content'} />
           <Stack.Navigator headerMode={'none'}>
             <Stack.Screen name="Startup" component={IndexStartupContainer} />
-            {isApplicationLoaded && (
+            {isApplicationLoaded && MainNavigator != null && (
               <Stack.Screen
                 name="Main"
                 component={MainNavigator}