fix the keyboard in onboarding screens

planetary-social · Jan 31, 2025 · af40ca3 · af40ca3
1 parent 5d0ca91
commit af40ca3
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 6 deletions.
diff --git a/Nos/Views/Onboarding/DisplayNameView.swift b/Nos/Views/Onboarding/DisplayNameView.swift
@@ -6,6 +6,7 @@ struct DisplayNameView: View {
     @Environment(OnboardingState.self) private var state
     @Environment(CurrentUser.self) private var currentUser
     @Environment(\.managedObjectContext) private var viewContext
+    @FocusState private var isTextFieldFocused: Bool
 
     @Dependency(\.crashReporting) private var crashReporting
 
@@ -16,7 +17,7 @@ struct DisplayNameView: View {
         ZStack {
             Color.appBg
                 .ignoresSafeArea()
-            ViewThatFits(in: .vertical) {
+            ViewThatFits {
                 displayNameStack
 
                 ScrollView {
@@ -25,6 +26,11 @@ struct DisplayNameView: View {
             }
         }
         .navigationBarHidden(true)
+        .onAppear {
+            isTextFieldFocused = true
+        }
+        .ignoresSafeArea(.keyboard)
+        .interactiveDismissDisabled()
         .alert("", isPresented: $showError) {
             Button {
                 nextStep()
@@ -55,6 +61,7 @@ struct DisplayNameView: View {
                 .foregroundStyle(Color.primaryTxt)
                 .fontWeight(.bold)
                 .autocorrectionDisabled()
+                .focused($isTextFieldFocused)
                 .padding()
                 .withStyledBorder()
             Spacer()
@@ -65,6 +72,7 @@ struct DisplayNameView: View {
         }
         .padding(40)
         .readabilityPadding()
+        .frame(maxWidth: .infinity, maxHeight: .infinity)
     }
 
     func nextStep() {

diff --git a/Nos/Views/Onboarding/UsernameView.swift b/Nos/Views/Onboarding/UsernameView.swift
@@ -16,6 +16,7 @@ struct UsernameView: View {
     @Environment(OnboardingState.self) private var state
     @Environment(CurrentUser.self) private var currentUser
     @Environment(\.managedObjectContext) private var viewContext
+    @FocusState private var isTextFieldFocused: Bool
 
     @Dependency(\.crashReporting) private var crashReporting
     @Dependency(\.namesAPI) private var namesAPI
@@ -47,15 +48,20 @@ struct UsernameView: View {
         ZStack {
             Color.appBg
                 .ignoresSafeArea()
-            ViewThatFits(in: .vertical) {
-                displayNameStack
-
+            ViewThatFits {
+                usernameStack
+                
                 ScrollView {
-                    displayNameStack
+                    usernameStack
                 }
             }
         }
         .navigationBarHidden(true)
+        .onAppear {
+            isTextFieldFocused = true
+        }
+        .ignoresSafeArea(.keyboard)
+        .interactiveDismissDisabled()
         .alert("", isPresented: showAlert) {
             Button {
                 nextStep()
@@ -67,7 +73,7 @@ struct UsernameView: View {
         }
     }
 
-    var displayNameStack: some View {
+    var usernameStack: some View {
         VStack(alignment: .leading, spacing: 20) {
             LargeNumberView(4)
             HStack(alignment: .firstTextBaseline) {
@@ -92,6 +98,7 @@ struct UsernameView: View {
                 .foregroundStyle(Color.primaryTxt)
                 .fontWeight(.bold)
                 .autocorrectionDisabled()
+                .focused($isTextFieldFocused)
                 .padding()
                 .withStyledBorder()
 
@@ -110,6 +117,7 @@ struct UsernameView: View {
         }
         .padding(40)
         .readabilityPadding()
+        .frame(maxWidth: .infinity, maxHeight: .infinity)
     }
 
     var usernameAlreadyClaimedText: some View {