fix - android - status bar

package.json

@@ -19,7 +19,7 @@
     "react-native-web"
   ],
   "devDependencies": {
-    "release-it": "^15.0.0"
+    "release-it": "^15.5.1"
   },
   "release-it": {
     "git": {

template/src/App.tsx

@@ -1,4 +1,4 @@
-import {Text, StyleSheet} from 'react-native';
+import {Text, StyleSheet, StatusBar} from 'react-native';
 import {
   initialWindowMetrics,
   SafeAreaProvider,
@@ -70,13 +70,17 @@ const linking = {
 };
 
 const DrawerApp = () => {
-  const {backgroundStyle} = useStyles();
+  const {backgroundStyle, isDarkMode} = useStyles();
 
   return (
     <SolitoImageProvider nextJsURL="https://luna-git-nextjs-criszz77.vercel.app/">
       <SafeAreaProvider
         initialMetrics={initialWindowMetrics}
         style={backgroundStyle}>
+        <StatusBar
+          backgroundColor={backgroundStyle.backgroundColor}
+          barStyle={isDarkMode ? 'light-content' : 'dark-content'}
+        />
         <NavigationContainer linking={linking}>
           <TopTabNavigator />
         </NavigationContainer>

template/src/features/Linking/Linking.tsx

@@ -1,5 +1,5 @@
 import {ReactNode} from 'react';
-import {ScrollView, StyleSheet, Text, View, StatusBar} from 'react-native';
+import {ScrollView, StyleSheet, Text, View} from 'react-native';
 import {useStyles} from '../../hooks';
 
 // *****************************************************************************************************
@@ -24,14 +24,10 @@ const Section = ({children, title}: ISection) => {
 };
 
 export const Linking = () => {
-  const {backgroundStyle, isDarkMode} = useStyles();
+  const {backgroundStyle} = useStyles();
 
   return (
     <View style={backgroundStyle}>
-      <StatusBar
-        backgroundColor={backgroundStyle.backgroundColor}
-        barStyle={isDarkMode ? 'light-content' : 'dark-content'}
-      />
       <ScrollView contentContainerStyle={styles.contentContainerStyle}>
         <Section title="Step One">
           Edit <Text style={styles.highlight}>src/features/Home/Home.tsx</Text>{' '}