From 8135ee970ee4c389d9a00b2eb88ec1339aab117a Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 6 Mar 2026 00:28:34 +0000
Subject: [PATCH 1/2] Initial plan


From a783cba873f3cd3f1fe00a83ab0a9caf9aeb93f2 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 6 Mar 2026 00:35:43 +0000
Subject: [PATCH 2/2] Add KeyboardAvoidingView to all screens with text input
 fields

Co-authored-by: grillinr <169214325+grillinr@users.noreply.github.com>
---
 frontend/app/(auth)/sign-in.tsx       | 7 +++++++
 frontend/app/(auth)/sign-up.tsx       | 7 +++++++
 frontend/app/(tabs)/explore.tsx       | 7 +++++++
 frontend/app/manage-streams.tsx       | 7 +++++++
 frontend/features/settings/shared.tsx | 7 +++++++
 5 files changed, 35 insertions(+)

diff --git a/frontend/app/(auth)/sign-in.tsx b/frontend/app/(auth)/sign-in.tsx
index 2b20512..8af9534 100644
--- a/frontend/app/(auth)/sign-in.tsx
+++ b/frontend/app/(auth)/sign-in.tsx
@@ -2,6 +2,8 @@ import React, { useEffect, useRef, useState } from "react";
 import {
   ActivityIndicator,
   Animated,
+  KeyboardAvoidingView,
+  Platform,
   Pressable,
   StyleSheet,
   TextInput,
@@ -66,6 +68,10 @@ export default function SignInScreen() {
       style={[styles.screen, { backgroundColor: colors.background }]}
       edges={[]}
     >
+      <KeyboardAvoidingView
+        style={styles.screen}
+        behavior={Platform.OS === "ios" ? "padding" : undefined}
+      >
       <Animated.View
         style={[
           styles.content,
@@ -154,6 +160,7 @@ export default function SignInScreen() {
           </View>
         </View>
       </Animated.View>
+      </KeyboardAvoidingView>
     </SafeAreaView>
   );
 }
diff --git a/frontend/app/(auth)/sign-up.tsx b/frontend/app/(auth)/sign-up.tsx
index 1b51c72..06d221b 100644
--- a/frontend/app/(auth)/sign-up.tsx
+++ b/frontend/app/(auth)/sign-up.tsx
@@ -2,6 +2,8 @@ import React, { useEffect, useRef, useState } from "react";
 import {
   ActivityIndicator,
   Animated,
+  KeyboardAvoidingView,
+  Platform,
   Pressable,
   StyleSheet,
   TextInput,
@@ -70,6 +72,10 @@ export default function SignUpScreen() {
       style={[styles.screen, { backgroundColor: colors.background }]}
       edges={[]}
     >
+      <KeyboardAvoidingView
+        style={styles.screen}
+        behavior={Platform.OS === "ios" ? "padding" : undefined}
+      >
       <Animated.View
         style={[
           styles.content,
@@ -158,6 +164,7 @@ export default function SignUpScreen() {
           </View>
         </View>
       </Animated.View>
+      </KeyboardAvoidingView>
     </SafeAreaView>
   );
 }
diff --git a/frontend/app/(tabs)/explore.tsx b/frontend/app/(tabs)/explore.tsx
index a316612..3bfed92 100644
--- a/frontend/app/(tabs)/explore.tsx
+++ b/frontend/app/(tabs)/explore.tsx
@@ -10,6 +10,8 @@ import {
   Animated,
   InteractionManager,
   Keyboard,
+  KeyboardAvoidingView,
+  Platform,
   Pressable,
   RefreshControl,
   ScrollView,
@@ -527,6 +529,10 @@ export default function ExploreScreen() {
     <View style={[styles.screen, { backgroundColor: colors.background }]}>
       <View style={styles.background} pointerEvents="none" />
       <SafeAreaView style={styles.safeArea} edges={["top"]}>
+        <KeyboardAvoidingView
+          style={styles.safeArea}
+          behavior={Platform.OS === "ios" ? "padding" : undefined}
+        >
         <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
           <Animated.ScrollView
             ref={scrollRef}
@@ -955,6 +961,7 @@ export default function ExploreScreen() {
             ) : null}
           </Animated.ScrollView>
         </TouchableWithoutFeedback>
+        </KeyboardAvoidingView>
       </SafeAreaView>
       <TopBlur scrollY={scrollY} />
       <FloatingScrollTopButton
diff --git a/frontend/app/manage-streams.tsx b/frontend/app/manage-streams.tsx
index 89591e8..8be9913 100644
--- a/frontend/app/manage-streams.tsx
+++ b/frontend/app/manage-streams.tsx
@@ -2,6 +2,8 @@ import React, { useCallback, useEffect, useRef, useState } from "react";
 import {
   Alert,
   Animated,
+  KeyboardAvoidingView,
+  Platform,
   Pressable,
   RefreshControl,
   ScrollView,
@@ -215,6 +217,10 @@ export default function ManageStreamsScreen() {
   return (
     <View style={[styles.screen, { backgroundColor: colors.background }]}>
       <SafeAreaView style={styles.safeArea} edges={["top"]}>
+        <KeyboardAvoidingView
+          style={styles.screen}
+          behavior={Platform.OS === "ios" ? "padding" : undefined}
+        >
         <Animated.ScrollView
           ref={scrollRef}
           contentInsetAdjustmentBehavior="never"
@@ -461,6 +467,7 @@ export default function ManageStreamsScreen() {
             </View>
           )}
         </Animated.ScrollView>
+        </KeyboardAvoidingView>
       </SafeAreaView>
       <TopBlur scrollY={scrollY} />
       <FloatingScrollTopButton
diff --git a/frontend/features/settings/shared.tsx b/frontend/features/settings/shared.tsx
index f136360..24643c9 100644
--- a/frontend/features/settings/shared.tsx
+++ b/frontend/features/settings/shared.tsx
@@ -1,6 +1,8 @@
 import React, { useEffect, useRef } from "react";
 import {
   Animated,
+  KeyboardAvoidingView,
+  Platform,
   Pressable,
   ScrollView,
   StyleSheet,
@@ -60,6 +62,10 @@ export function SettingsPageShell({
   return (
     <View style={[styles.screen, { backgroundColor: colors.background }]}>
       <SafeAreaView style={styles.screen} edges={["top"]}>
+        <KeyboardAvoidingView
+          style={styles.screen}
+          behavior={Platform.OS === "ios" ? "padding" : undefined}
+        >
         <Animated.ScrollView
           ref={scrollRef}
           onScroll={onScroll}
@@ -113,6 +119,7 @@ export function SettingsPageShell({
             <View style={styles.body}>{children}</View>
           </Animated.View>
         </Animated.ScrollView>
+        </KeyboardAvoidingView>
       </SafeAreaView>
       <TopBlur scrollY={scrollY} />
       <FloatingScrollTopButton