JustZoe101/SwimBuddy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(workout-builder): handle keyboard overlap on builder screen

Browse Source
This commit is contained in:
JustZoe101
2026-08-09 12:53:12 +02:00
parent df3030ae72
commit 9107a64595
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/workout-builder/screens/BuilderScreen.tsx
+9 -2
View File
@@ -1,5 +1,5 @@
import { useState } from "react"; import { useState } from "react";
import { View, Text, TextInput, Pressable, ScrollView, Alert } from "react-native"; import { View, Text, TextInput, Pressable, ScrollView, Alert, KeyboardAvoidingView, Platform } from "react-native";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { useNavigation } from "@react-navigation/native"; import { useNavigation } from "@react-navigation/native";
import type { NativeStackNavigationProp } from "@react-navigation/native-stack"; import type { NativeStackNavigationProp } from "@react-navigation/native-stack";
@@ -39,7 +39,12 @@ export function BuilderScreen() {
}; };
return ( return (
<ScrollView className="flex-1 bg-white"> <KeyboardAvoidingView
className="flex-1"
behavior={Platform.OS === "ios" ? "padding" : "height"}
keyboardVerticalOffset={Platform.OS === "ios" ? 90 : 0}
>
<ScrollView className="flex-1 bg-white" contentContainerStyle={{ paddingBottom: 40 }}>
<View className="p-4"> <View className="p-4">
<Text className="text-2xl font-bold text-slate-900 mb-1">{t("buildWorkout")}</Text> <Text className="text-2xl font-bold text-slate-900 mb-1">{t("buildWorkout")}</Text>
<Text className="text-slate-500 mb-4"> <Text className="text-slate-500 mb-4">
@@ -163,6 +168,8 @@ export function BuilderScreen() {
</Text> </Text>
</Pressable> </Pressable>
</View> </View>
</View>
</ScrollView> </ScrollView>
</KeyboardAvoidingView>
); );
} }