Refactor styles

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

src/app.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { AppState, StatusBar, useColorScheme } from 'react-native';
+import { AppState, StatusBar, useColorScheme, StyleSheet } from 'react-native';
 import { PaperProvider } from 'react-native-paper';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 import { RealmProvider } from '@realm/react';
@@ -13,7 +13,12 @@ import NavigationContainer from './navigation';
 import { store, persistor, validateSettings } from './state';
 import { LoadingView } from './components';
 import { Welcome } from './screens';
-import styles from './styles';
+
+const appStyles = StyleSheet.create({
+  gestureHandler: {
+    flex: 1,
+  },
+});
 
 const App = () => {
   const [showWelcome, setShowWelcome] = useState(false);
@@ -49,7 +54,7 @@ const App = () => {
           persistor={persistor}
           onBeforeLift={onBeforeLift}>
           <RealmProvider schema={[Meme, Tag]}>
-            <GestureHandlerRootView style={styles.flex}>
+            <GestureHandlerRootView style={appStyles.gestureHandler}>
               <SafeAreaProvider>
                 <StatusBar
                   barStyle={isDarkMode ? 'light-content' : 'dark-content'}