Add navigation element animations

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

src/screens/settings.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { StyleSheet, View } from 'react-native';
+import { ScrollView, StyleSheet, View } from 'react-native';
 import {
   Button,
   List,
@@ -7,13 +7,13 @@ import {
   Snackbar,
   Switch,
   Text,
+  useTheme,
 } from 'react-native-paper';
 import { openDocumentTree } from 'react-native-scoped-storage';
 import { useDispatch, useSelector } from 'react-redux';
-import { RootScrollView } from '../components';
+import type {} from 'redux-thunk/extend-redux';
 import styles from '../styles';
 import { RootState, updateNoMedia, updateStorageUri } from '../state';
-import type {} from 'redux-thunk/extend-redux';
 import { useDimensions } from '../contexts';
 
 const settingsScreenStyles = StyleSheet.create({
@@ -23,9 +23,10 @@ const settingsScreenStyles = StyleSheet.create({
 });
 
 const SettingsScreen = () => {
+  const { colors } = useTheme();
+  const { orientation, responsive } = useDimensions();
   const noMedia = useSelector((state: RootState) => state.settings.noMedia);
   const dispatch = useDispatch();
-  const { responsive } = useDimensions();
 
   const [optimizingDatabase, setOptimizingDatabase] = useState(false);
   const [snackbarVisible, setSnackbarVisible] = useState(false);
@@ -41,7 +42,14 @@ const SettingsScreen = () => {
 
   return (
     <>
-      <RootScrollView padded>
+      <ScrollView
+        contentContainerStyle={[
+          orientation == 'portrait' && styles.paddingTop,
+          orientation == 'landscape' && styles.smallPaddingTop,
+          styles.paddingHorizontal,
+          styles.fullSize,
+          { backgroundColor: colors.background },
+        ]}>
         <View>
           <List.Section>
             <List.Subheader>Database</List.Subheader>
@@ -86,7 +94,7 @@ const SettingsScreen = () => {
             </View>
           </List.Section>
         </View>
-      </RootScrollView>
+      </ScrollView>
       <Portal>
         <Snackbar
           visible={snackbarVisible}