From 1d97830f831814c852b6efe61eb82367d13a3aca Mon Sep 17 00:00:00 2001
From: Lei Nelissen <lei@codified.nl>
Date: Sun, 23 Apr 2023 01:25:43 +0200
Subject: [PATCH] fix: contentInset doesn't behave on Android

---
 src/components/Colors.tsx                   | 2 +-
 src/screens/Settings/components/Cache.tsx   | 2 +-
 src/screens/Settings/components/Library.tsx | 2 +-
 src/screens/Settings/components/Sentry.tsx  | 2 +-
 src/screens/Settings/index.tsx              | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Colors.tsx b/src/components/Colors.tsx
index c1a1b70..2c58011 100644
--- a/src/components/Colors.tsx
+++ b/src/components/Colors.tsx
@@ -109,7 +109,7 @@ export function ColoredBlurView(props: PropsWithChildren<BlurViewProps>) {
             } />
     ) : (
         <View {...props} style={[ props.style, {
-            backgroundColor: scheme === 'light' ? '#f6f6f6f6' : '#333333f6',
+            backgroundColor: scheme === 'light' ? '#f6f6f6fb' : '#333333fb',
         } ]} />
     );
 }
\ No newline at end of file
diff --git a/src/screens/Settings/components/Cache.tsx b/src/screens/Settings/components/Cache.tsx
index a7289c0..9231d38 100644
--- a/src/screens/Settings/components/Cache.tsx
+++ b/src/screens/Settings/components/Cache.tsx
@@ -29,7 +29,7 @@ export default function CacheSettings() {
     }, [dispatch]);
 
     return (
-        <Container contentInset={{ top: headerHeight }}>
+        <Container contentContainerStyle={{ paddingTop: headerHeight }}>
             <Paragraph>{t('setting-cache-description')}</Paragraph>
             <ClearCache title={t('reset-cache')} onPress={handleClearCache} />
         </Container>
diff --git a/src/screens/Settings/components/Library.tsx b/src/screens/Settings/components/Library.tsx
index 797231e..7c58042 100644
--- a/src/screens/Settings/components/Library.tsx
+++ b/src/screens/Settings/components/Library.tsx
@@ -32,7 +32,7 @@ export default function LibrarySettings() {
     const handleSetLibrary = useCallback(() => navigation.navigate('SetJellyfinServer'), [navigation]);
 
     return (
-        <Container contentInset={{ top: headerHeight }}>
+        <Container contentContainerStyle={{ paddingTop: headerHeight }}>
             <InputContainer>
                 <Paragraph style={defaultStyles.text}>{t('jellyfin-server-url')}</Paragraph>
                 <Input placeholder="https://jellyfin.yourserver.com/" value={jellyfin?.uri} editable={false} style={defaultStyles.input} />
diff --git a/src/screens/Settings/components/Sentry.tsx b/src/screens/Settings/components/Sentry.tsx
index 7054ce5..5d979d8 100644
--- a/src/screens/Settings/components/Sentry.tsx
+++ b/src/screens/Settings/components/Sentry.tsx
@@ -110,7 +110,7 @@ export default function Sentry() {
     });
 
     return (
-        <ScrollView contentInset={{ top: headerHeight }}>
+        <ScrollView contentContainerStyle={{ paddingTop: headerHeight }}>
             <Container>
                 <Paragraph>{t('error-reporting-description')}</Paragraph>
                 <Paragraph />
diff --git a/src/screens/Settings/index.tsx b/src/screens/Settings/index.tsx
index 4e96495..a64ca65 100644
--- a/src/screens/Settings/index.tsx
+++ b/src/screens/Settings/index.tsx
@@ -20,7 +20,7 @@ export function SettingsList() {
     const handleSentryClick = useCallback(() => { navigation.navigate('Sentry'); }, [navigation]);
 
     return (
-        <ScrollView contentInset={{ top: headerHeight }}>
+        <ScrollView contentContainerStyle={{ paddingTop: headerHeight }}>
             <ListButton onPress={handleLibraryClick}>{t('jellyfin-library')}</ListButton>
             <ListButton onPress={handleCacheClick}>{t('setting-cache')}</ListButton>
             <ListButton onPress={handleSentryClick}>{t('error-reporting')}</ListButton>