From a9ffd3760333d51b3571ebe9125592b466ea13d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oskar=20Kwa=C5=9Bniewski?= <oskarkwasniewski@icloud.com>
Date: Tue, 15 Oct 2024 06:41:33 +0200
Subject: [PATCH] fix: Add ScrollView adjustment automatic (#43)

---
 README.md                        | 10 ++++++++++
 example/src/Screens/Albums.tsx   |  6 +++++-
 example/src/Screens/Article.tsx  |  1 +
 example/src/Screens/Chat.tsx     |  1 +
 example/src/Screens/Contacts.tsx |  1 +
 5 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 2ddd5d5..7664fde 100644
--- a/README.md
+++ b/README.md
@@ -197,6 +197,16 @@ export default function ThreeTabs() {
 }
 ```
 
+### ScrollView
+
+If you expirence issues with ScrollView content being below the tab bar, add `contentInsetAdjustmentBehavior="automatic"` to the ScrollView component.
+
+
+```tsx
+<ScrollView contentInsetAdjustmentBehavior="automatic">
+  {/* content */}
+</ScrollView>
+```
 
 ## Contributing
 
diff --git a/example/src/Screens/Albums.tsx b/example/src/Screens/Albums.tsx
index 6515e43..4cb7a38 100644
--- a/example/src/Screens/Albums.tsx
+++ b/example/src/Screens/Albums.tsx
@@ -42,7 +42,11 @@ export function Albums(props: Partial<ScrollViewProps>) {
   const itemSize = dimensions.width / Math.floor(dimensions.width / 150);
 
   return (
-    <ScrollView contentContainerStyle={styles.content} {...props}>
+    <ScrollView
+      contentContainerStyle={styles.content}
+      contentInsetAdjustmentBehavior="automatic"
+      {...props}
+    >
       {COVERS.map((source, i) => (
         <View
           key={i}
diff --git a/example/src/Screens/Article.tsx b/example/src/Screens/Article.tsx
index 9e76905..cbd475f 100644
--- a/example/src/Screens/Article.tsx
+++ b/example/src/Screens/Article.tsx
@@ -53,6 +53,7 @@ export function Article({
       ref={ref}
       style={{ backgroundColor: '#fff' }}
       contentContainerStyle={styles.content}
+      contentInsetAdjustmentBehavior="automatic"
       {...rest}
     >
       <View style={styles.author}>
diff --git a/example/src/Screens/Chat.tsx b/example/src/Screens/Chat.tsx
index 5724ec0..3f8b0db 100644
--- a/example/src/Screens/Chat.tsx
+++ b/example/src/Screens/Chat.tsx
@@ -28,6 +28,7 @@ export function Chat({
       style={styles.container}
     >
       <ScrollView
+        contentInsetAdjustmentBehavior="automatic"
         style={styles.inverted}
         contentContainerStyle={styles.content}
         {...rest}
diff --git a/example/src/Screens/Contacts.tsx b/example/src/Screens/Contacts.tsx
index ff28e3f..3f826e8 100644
--- a/example/src/Screens/Contacts.tsx
+++ b/example/src/Screens/Contacts.tsx
@@ -99,6 +99,7 @@ export function Contacts({ query, ...rest }: Props) {
   return (
     <SafeAreaView>
       <FlatList
+        contentInsetAdjustmentBehavior="automatic"
         {...rest}
         data={
           query