fixed issue with keyboard hiding button in iOS

package.json

@@ -80,6 +80,7 @@
     "react-native-image-size": "^1.1.3",
     "react-native-image-zoom-viewer": "^2.2.27",
     "react-native-keyboard-aware-scroll-view": "^0.9.1",
+    "react-native-keyboard-aware-view": "^0.0.14",
     "react-native-linear-gradient": "^2.4.2",
     "react-native-matomo-sdk": "feruzm/react-native-matomo-sdk",
     "react-native-modal": "^11.5.6",

src/components/snippetEditorModal/snippetEditorModal.tsx

@@ -8,6 +8,7 @@ import { addSnippet, updateSnippet } from '../../providers/ecency/ecency';
 import { TextButton } from '../buttons';
 import Modal from '../modal';
 import styles from './snippetEditorModalStyles';
+import { KeyboardAwareView } from 'react-native-keyboard-aware-view'
 
 
 export interface SnippetEditorModalRef {
@@ -82,7 +83,7 @@ const SnippetEditorModal = ({username, onSnippetsUpdated}: SnippetEditorModalPro
     const _renderContent = (
         <ThemeContainer>
             {({isDarkTheme})=>(
-                <View style={styles.container}>
+                <KeyboardAwareView style={styles.container}>
                     <View style={{height:Math.max(35, titleHeight)}}>
                         <TextInput
                             autoFocus={true}
@@ -118,8 +119,7 @@ const SnippetEditorModal = ({username, onSnippetsUpdated}: SnippetEditorModalPro
                         height={100}
                     />
 
-                    <View style={{flexDirection:'row', justifyContent:'flex-end', alignItems:'center'}}>
-                    
+                    <View style={styles.actionPanel}>
                         <TextButton 
                             text={intl.formatMessage({id:'snippets.btn_close'})}
                             onPress={()=>setShowModal(false)}
@@ -133,7 +133,7 @@ const SnippetEditorModal = ({username, onSnippetsUpdated}: SnippetEditorModalPro
                         />
                     </View>
                 
-                </View>
+                </KeyboardAwareView>
             )}
             </ThemeContainer>
         )

src/components/snippetEditorModal/snippetEditorModalStyles.ts

@@ -7,7 +7,7 @@ export default EStyleSheet.create({
         backgroundColor: '$primaryBackgroundColor',
         margin:0,
         paddingTop:32,
-        paddingBottom:24
+        paddingBottom:8
       },
     container:{
         flex:1,
@@ -50,5 +50,11 @@ export default EStyleSheet.create({
         borderRadius:16,
         justifyContent:'center',
         alignItems:'center'
-    } as ViewStyle 
+    } as ViewStyle,
+    actionPanel:{
+        flexDirection:'row', 
+        justifyContent:'flex-end', 
+        alignItems:'center', 
+        marginBottom:16
+    } as ViewStyle,
 })