fix(mobile): Use keyboard avoiding view in the info page

hoarder-app · Nov 24, 2024 · 5a49691 · 5a49691
1 parent 1a2b600
commit 5a49691
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 12 deletions.
diff --git a/apps/mobile/app.json b/apps/mobile/app.json
@@ -30,7 +30,7 @@
           "NSAllowsLocalNetworking": true
         }
       },
-      "buildNumber": "18"
+      "buildNumber": "19"
     },
     "android": {
       "adaptiveIcon": {
@@ -48,7 +48,7 @@
         }
       },
       "package": "app.hoarder.hoardermobile",
-      "versionCode": 18
+      "versionCode": 19
     },
     "plugins": [
       "expo-router",

diff --git a/apps/mobile/app/dashboard/bookmarks/[slug]/info.tsx b/apps/mobile/app/dashboard/bookmarks/[slug]/info.tsx
@@ -1,6 +1,8 @@
 import React from "react";
 import {
   Keyboard,
+  KeyboardAvoidingView,
+  Platform,
   Pressable,
   ScrollView,
   Text,
@@ -184,16 +186,21 @@ const ViewBookmarkPage = () => {
           ),
         }}
       />
-      <ScrollView className="h-screen w-full p-4">
-        <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
-          <View className="gap-4 px-2">
-            <TitleEditor bookmarkId={bookmark.id} title={title ?? ""} />
-            <TagList bookmark={bookmark} />
-            <ManageLists bookmark={bookmark} />
-            <NotesEditor bookmark={bookmark} />
-          </View>
-        </TouchableWithoutFeedback>
-      </ScrollView>
+      <KeyboardAvoidingView
+        behavior={Platform.OS === "ios" ? "padding" : "height"}
+        className="pb-2"
+      >
+        <ScrollView className="h-screen w-full p-4">
+          <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
+            <View className="gap-4 px-2">
+              <TitleEditor bookmarkId={bookmark.id} title={title ?? ""} />
+              <TagList bookmark={bookmark} />
+              <ManageLists bookmark={bookmark} />
+              <NotesEditor bookmark={bookmark} />
+            </View>
+          </TouchableWithoutFeedback>
+        </ScrollView>
+      </KeyboardAvoidingView>
     </CustomSafeAreaView>
   );
 };