Add navigation element animations

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

src/screens/welcome.tsx

@@ -1,16 +1,17 @@
 import React from 'react';
-import { Button, Text } from 'react-native-paper';
+import { View } from 'react-native';
+import { Button, Text, useTheme } from 'react-native-paper';
 import { useDispatch } from 'react-redux';
 import { openDocumentTree } from 'react-native-scoped-storage';
-import { RootView } from '../components';
 import styles from '../styles';
 import { noOp } from '../utilities';
 import { updateStorageUri } from '../state';
 import { useDimensions } from '../contexts';
 
 const Welcome = ({ onWelcomeComplete }: { onWelcomeComplete: () => void }) => {
+  const { colors } = useTheme();
+  const { orientation, responsive } = useDimensions();
   const dispatch = useDispatch();
-  const { responsive } = useDimensions();
 
   const selectStorageLocation = async () => {
     const uri = await openDocumentTree(true).catch(noOp);
@@ -20,7 +21,16 @@ const Welcome = ({ onWelcomeComplete }: { onWelcomeComplete: () => void }) => {
   };
 
   return (
-    <RootView centered padded>
+    <View
+      style={[
+        orientation == 'portrait' && styles.paddingTop,
+        orientation == 'landscape' && styles.smallPaddingTop,
+        styles.paddingHorizontal,
+        styles.centered,
+        styles.flex,
+        styles.fullSize,
+        { backgroundColor: colors.background },
+      ]}>
       <Text
         variant="displayMedium"
         style={[
@@ -39,7 +49,7 @@ const Welcome = ({ onWelcomeComplete }: { onWelcomeComplete: () => void }) => {
         }}>
         Select Storage Location
       </Button>
-    </RootView>
+    </View>
   );
 };