merge v2.2.5

Author: JeremyDolle

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecodingmachine/react-native-boilerplate",
-  "version": "2.2.5",
+  "version": "3.0.0-alpha.0",
   "description": "TheCodingMachine React Native Boilerplate",
   "repository": {
     "type": "git",

template/ts-support-template/src/Navigators/Application.tsx

@@ -6,7 +6,6 @@ import { NavigationContainer } from '@react-navigation/native'
 import { navigationRef } from '@/Navigators/Root'
 import { SafeAreaView, StatusBar } from 'react-native'
 import { useTheme } from '@/Theme'
-import { AppearanceProvider } from 'react-native-appearance'
 import { StartupState } from '@/Store/Startup'
 
 const Stack = createStackNavigator()
@@ -39,25 +38,23 @@ const ApplicationNavigator = () => {
   )
 
   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 && MainNavigator != null && (
-              <Stack.Screen
-                name="Main"
-                component={MainNavigator}
-                options={{
-                  animationEnabled: false,
-                }}
-              />
-            )}
-          </Stack.Navigator>
-        </NavigationContainer>
-      </SafeAreaView>
-    </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 && MainNavigator != null && (
+            <Stack.Screen
+              name="Main"
+              component={MainNavigator}
+              options={{
+                animationEnabled: false,
+              }}
+            />
+          )}
+        </Stack.Navigator>
+      </NavigationContainer>
+    </SafeAreaView>
   )
 }
 

template/ts-support-template/src/Theme/hooks/useTheme.ts

@@ -1,4 +1,4 @@
-import { useColorScheme } from 'react-native-appearance'
+import { useColorScheme } from 'react-native'
 import { useSelector } from 'react-redux'
 import { DarkTheme, DefaultTheme } from '@react-navigation/native'
 import Fonts from '@/Theme/Fonts'