Tried to fix image modal animation

package.json

@@ -44,7 +44,7 @@
     "react-native-calendars": "^1.260.0",
     "react-native-collapsible": "^1.5.2",
     "react-native-gesture-handler": "~1.6.0",
-    "react-native-image-modal": "^1.0.1",
+    "react-native-image-modal": "^1.0.4",
     "react-native-modalize": "^1.3.6",
     "react-native-paper": "^3.8.0",
     "react-native-reanimated": "~1.7.0",

src/components/Home/FeedItem.js

@@ -74,6 +74,7 @@ class FeedItem extends React.Component<Props> {
                 {hasImage ?
                     <View style={{marginLeft: 'auto', marginRight: 'auto'}}>
                         <ImageModal
+                            isTranslucent={Platform.OS === 'android'}
                             resizeMode="contain"
                             imageBackgroundColor={"#000"}
                             style={{

src/screens/Amicale/Clubs/ClubDisplayScreen.js

@@ -126,6 +126,7 @@ class ClubDisplayScreen extends React.Component<Props, State> {
                         marginBottom: 10,
                     }}>
                         <ImageModal
+                            isTranslucent={Platform.OS === 'android'}
                             resizeMode="contain"
                             imageBackgroundColor={this.colors.background}
                             style={{

src/screens/FeedItemScreen.js

@@ -67,6 +67,7 @@ class FeedItemScreen extends React.Component<Props> {
                 {hasImage ?
                     <View style={{marginLeft: 'auto', marginRight: 'auto'}}>
                         <ImageModal
+                            isTranslucent={Platform.OS === 'android'}
                             resizeMode="contain"
                             imageBackgroundColor={"#000"}
                             style={{

src/screens/HomeScreen.js

@@ -17,6 +17,7 @@ import MaterialHeaderButtons, {Item} from "../components/Custom/HeaderButton";
 import {AnimatedValue} from "react-native-reanimated";
 import AnimatedFAB from "../components/Custom/AnimatedFAB";
 import AnimatedFocusView from "../components/Custom/AnimatedFocusView";
+import {SafeAreaView} from "react-native-safe-area-context";
 // import DATA from "../dashboard_data.json";
 
 
@@ -471,6 +472,7 @@ class HomeScreen extends React.Component<Props, State> {
     render() {
         const nav = this.props.navigation;
         return (
+            <SafeAreaView style={{flex: 1,}}>
             <AnimatedFocusView
                 {...this.props}
             >
@@ -490,6 +492,7 @@ class HomeScreen extends React.Component<Props, State> {
                     onPress={this.openScanner}
                 />
             </AnimatedFocusView>
+            </SafeAreaView>
         );
     }
 }

src/screens/Planning/PlanningDisplayScreen.js

@@ -91,6 +91,7 @@ class PlanningDisplayScreen extends React.Component<Props, State> {
                 {this.displayData.logo !== null ?
                     <View style={{marginLeft: 'auto', marginRight: 'auto'}}>
                         <ImageModal
+                            isTranslucent={Platform.OS === 'android'}
                             resizeMode="contain"
                             imageBackgroundColor={this.colors.background}
                             style={{