From f170bf608bc07754cf2cd1346a756b6b593ddc4b Mon Sep 17 00:00:00 2001
From: bl00dymarie <ml.kochsiek@mailbox.org>
Date: Fri, 16 Feb 2024 17:42:19 +0100
Subject: [PATCH] Differentiate keyboardavoiding behavior based on ios/android

---
 components/common/app-modal.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/common/app-modal.js b/components/common/app-modal.js
index 7ee9f90..babc564 100644
--- a/components/common/app-modal.js
+++ b/components/common/app-modal.js
@@ -3,6 +3,7 @@ import {
   Dimensions,
   KeyboardAvoidingView,
   Modal,
+  Platform,
   StyleSheet,
   TouchableOpacity,
   View,
@@ -13,6 +14,10 @@ import CloseIcon from './close-icon'
 
 import { Sizes, Spacing } from '../../styles'
 
+const keyboardVerticalOffsetPlatformDependent = Platform.OS === 'ios' ? 40 : 0
+const keyboardBehaviorPlatformDependent =
+  Platform.OS === 'ios' ? 'position' : 'padding'
+
 const AppModal = ({ children, onClose }) => (
   <Modal
     animationType="fade"
@@ -20,7 +25,11 @@ const AppModal = ({ children, onClose }) => (
     transparent={true}
     visible={true}
   >
-    <KeyboardAvoidingView behavior={'padding'} style={styles.safeAreaView}>
+    <KeyboardAvoidingView
+      keyboardVerticalOffset={keyboardVerticalOffsetPlatformDependent}
+      behavior={keyboardBehaviorPlatformDependent}
+      style={styles.safeAreaView}
+    >
       <TouchableOpacity onPress={onClose} style={styles.blackBackground} />
       <View style={styles.modalWindow}>
         <View style={styles.headerContainer}>