Add searchbar to home screen

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

src/app.tsx

@@ -12,6 +12,8 @@ import NavigationContainer from './navigation';
 import { store, persistor, validateSettings } from './state';
 import { LoadingView } from './components';
 import { Welcome } from './screens';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import styles from './styles';
 
 const App = () => {
   const [showWelcome, setShowWelcome] = useState(false);
@@ -47,17 +49,19 @@ const App = () => {
           persistor={persistor}
           onBeforeLift={onBeforeLift}>
           <RealmProvider schema={[Meme, Tag]}>
-            <SafeAreaProvider>
-              <StatusBar
-                barStyle={isDarkMode ? 'light-content' : 'dark-content'}
-                backgroundColor={theme.colors.background}
-              />
-              {showWelcome ? (
-                <Welcome onWelcomeComplete={() => setShowWelcome(false)} />
-              ) : (
-                <NavigationContainer />
-              )}
-            </SafeAreaProvider>
+            <GestureHandlerRootView style={styles.flex}>
+              <SafeAreaProvider>
+                <StatusBar
+                  barStyle={isDarkMode ? 'light-content' : 'dark-content'}
+                  backgroundColor={theme.colors.background}
+                />
+                {showWelcome ? (
+                  <Welcome onWelcomeComplete={() => setShowWelcome(false)} />
+                ) : (
+                  <NavigationContainer />
+                )}
+              </SafeAreaProvider>
+            </GestureHandlerRootView>
           </RealmProvider>
         </PersistGate>
       </Provider>