diff options
Diffstat (limited to 'src/view/com/composer/Composer.tsx')
-rw-r--r-- | src/view/com/composer/Composer.tsx | 19 |
1 files changed, 17 insertions, 2 deletions
diff --git a/src/view/com/composer/Composer.tsx b/src/view/com/composer/Composer.tsx index 9bb704012..80bce5351 100644 --- a/src/view/com/composer/Composer.tsx +++ b/src/view/com/composer/Composer.tsx @@ -415,12 +415,14 @@ export const ComposePost = observer(function ComposePost({ bottomBarAnimatedStyle, } = useAnimatedBorders() + const keyboardVerticalOffset = useKeyboardVerticalOffset() + return ( <KeyboardAvoidingView testID="composePostView" behavior={isIOS ? 'padding' : 'height'} - keyboardVerticalOffset={isIOS ? 70 : 0} - style={[a.flex_1]}> + keyboardVerticalOffset={keyboardVerticalOffset} + style={a.flex_1}> <View style={[a.flex_1, viewStyles]} aria-modal accessibilityViewIsModal> <Animated.View style={topBarAnimatedStyle}> <View style={styles.topbarInner}> @@ -741,6 +743,19 @@ function useAnimatedBorders() { } } +function useKeyboardVerticalOffset() { + const {top} = useSafeAreaInsets() + + // Android etc + if (!isIOS) return 0 + + // iPhone SE + if (top === 20) return 40 + + // all other iPhones + return top + 10 +} + const styles = StyleSheet.create({ topbarInner: { flexDirection: 'row', |