added keyboard scroll view

TheRealSwiftByte · Apr 18, 2024 · 0973052 · 0973052
1 parent d89de6a
commit 0973052
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 7 deletions.
diff --git a/app/_layout.tsx b/app/_layout.tsx
@@ -19,7 +19,7 @@ export {
 
 export const unstable_settings = {
   // Ensure that reloading on `/modal` keeps a back button present.
-  initialRouteName: "welcome",
+  initialRouteName: "(tabs)",
 };
 
 // Prevent the splash screen from auto-hiding before asset loading is complete.
@@ -58,11 +58,11 @@ function RootLayoutNav() {
         <Stack.Screen name="welcome" options={{ headerShown: false }} />
          <Stack.Screen
           name="signIn"
-          options={{ headerShown: false, gestureEnabled: false }}
+          options={{ headerShown: false }}
         />
         <Stack.Screen
           name="signUp"
-          options={{ headerShown: false, gestureEnabled: false }}
+          options={{ headerShown: false }}
         />
         <Stack.Screen name="onboarding" options={{ headerShown: false }} />
         <Stack.Screen name="(tabs)" options={{ headerShown: false }} />

diff --git a/app/signIn.tsx b/app/signIn.tsx
@@ -4,13 +4,14 @@ import { SB_COLOR_SCHEME } from "@/constants";
 import { Button, TextInput } from "@swift-byte/switftbytecomponents";
 import { Link, router } from "expo-router";
 import Logo from "../assets/images/logo-green.svg";
+import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 
 export default function signIn() {
   const [email, setEmail] = useState<string>("");
   const [password, setPassword] = useState<string>("");
   return (
     <SafeAreaView style={{ height: "100%", backgroundColor: "white" }}>
-      <ScrollView style={styles.scrollView}>
+      <KeyboardAwareScrollView style={styles.scrollView}>
         <View style={styles.container}>
           <Logo width={150} height={40} />
           <Text
@@ -113,7 +114,7 @@ export default function signIn() {
             </Text>
           </View>
         </View>
-      </ScrollView>
+      </KeyboardAwareScrollView>
     </SafeAreaView>
   );
 }

diff --git a/app/signUp.tsx b/app/signUp.tsx
@@ -4,6 +4,7 @@ import { SB_COLOR_SCHEME } from "@/constants";
 import { Button, TextInput } from "@swift-byte/switftbytecomponents";
 import { Link, router } from "expo-router";
 import Logo from "../assets/images/logo-green.svg";
+import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 
 export default function signUp() {
   const [name, setName] = useState<string>("");
@@ -13,7 +14,7 @@ export default function signUp() {
 
   return (
     <SafeAreaView style={{ height: "100%", backgroundColor: "white" }}>
-      <ScrollView style={styles.scrollView}>
+      <KeyboardAwareScrollView style={styles.scrollView}>
         <View style={styles.container}>
           <Logo width={150} height={40} />
           <Text
@@ -185,7 +186,7 @@ export default function signUp() {
             </Text>
           </View>
         </View>
-      </ScrollView>
+      </KeyboardAwareScrollView>
     </SafeAreaView>
   );
 }

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,6 +27,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-native": "0.73.5",
+    "react-native-keyboard-aware-scroll-view": "^0.9.5",
     "react-native-ratings": "^8.1.0",
     "react-native-safe-area-context": "4.8.2",
     "react-native-screens": "~3.29.0",