From 0dc73f1e293138af49406475141e2a3e8b16342e Mon Sep 17 00:00:00 2001
From: Stephen Zhou <38493346+hyoban@users.noreply.github.com>
Date: Fri, 14 Mar 2025 16:57:40 +0800
Subject: [PATCH] fix(mobile): allow scroll in login page (#3126)

---
 apps/mobile/src/modules/login/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/mobile/src/modules/login/index.tsx b/apps/mobile/src/modules/login/index.tsx
index 60cc7bd91..84ec60eb7 100644
--- a/apps/mobile/src/modules/login/index.tsx
+++ b/apps/mobile/src/modules/login/index.tsx
@@ -5,6 +5,7 @@ import { KeyboardController } from "react-native-keyboard-controller"
 import Animated, { useAnimatedStyle, useSharedValue } from "react-native-reanimated"
 import * as ContextMenu from "zeego/context-menu"
 
+import { SafeNavigationScrollView } from "@/src/components/layouts/views/SafeNavigationScrollView"
 import { Logo } from "@/src/components/ui/logo"
 import { TermsMarkdown } from "@/src/screens/(headless)/terms"
 
@@ -13,7 +14,7 @@ import { SocialLogin } from "./social"
 
 export function Login() {
   return (
-    <View className="p-safe flex-1">
+    <SafeNavigationScrollView>
       <TouchableWithoutFeedback
         onPress={() => {
           KeyboardController.dismiss()
@@ -38,7 +39,7 @@ export function Login() {
         <SocialLogin />
       </View>
       <TermsCheckBox />
-    </View>
+    </SafeNavigationScrollView>
   )
 }