fix: Add ScrollView adjustment automatic (#43)

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
 

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}

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}>

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}

example/src/Screens/Contacts.tsx

@@ -99,6 +99,7 @@ export function Contacts({ query, ...rest }: Props) {
   return (
     <SafeAreaView>
       <FlatList
+        contentInsetAdjustmentBehavior="automatic"
         {...rest}
         data={
           query