Browse Source

Tried to fix image modal animation

Arnaud Vergnet 4 years ago
parent
commit
46dfbb1048

+ 1
- 1
package.json View File

44
     "react-native-calendars": "^1.260.0",
44
     "react-native-calendars": "^1.260.0",
45
     "react-native-collapsible": "^1.5.2",
45
     "react-native-collapsible": "^1.5.2",
46
     "react-native-gesture-handler": "~1.6.0",
46
     "react-native-gesture-handler": "~1.6.0",
47
-    "react-native-image-modal": "^1.0.1",
47
+    "react-native-image-modal": "^1.0.4",
48
     "react-native-modalize": "^1.3.6",
48
     "react-native-modalize": "^1.3.6",
49
     "react-native-paper": "^3.8.0",
49
     "react-native-paper": "^3.8.0",
50
     "react-native-reanimated": "~1.7.0",
50
     "react-native-reanimated": "~1.7.0",

+ 1
- 0
src/components/Home/FeedItem.js View File

74
                 {hasImage ?
74
                 {hasImage ?
75
                     <View style={{marginLeft: 'auto', marginRight: 'auto'}}>
75
                     <View style={{marginLeft: 'auto', marginRight: 'auto'}}>
76
                         <ImageModal
76
                         <ImageModal
77
+                            isTranslucent={Platform.OS === 'android'}
77
                             resizeMode="contain"
78
                             resizeMode="contain"
78
                             imageBackgroundColor={"#000"}
79
                             imageBackgroundColor={"#000"}
79
                             style={{
80
                             style={{

+ 1
- 0
src/screens/Amicale/Clubs/ClubDisplayScreen.js View File

126
                         marginBottom: 10,
126
                         marginBottom: 10,
127
                     }}>
127
                     }}>
128
                         <ImageModal
128
                         <ImageModal
129
+                            isTranslucent={Platform.OS === 'android'}
129
                             resizeMode="contain"
130
                             resizeMode="contain"
130
                             imageBackgroundColor={this.colors.background}
131
                             imageBackgroundColor={this.colors.background}
131
                             style={{
132
                             style={{

+ 1
- 0
src/screens/FeedItemScreen.js View File

67
                 {hasImage ?
67
                 {hasImage ?
68
                     <View style={{marginLeft: 'auto', marginRight: 'auto'}}>
68
                     <View style={{marginLeft: 'auto', marginRight: 'auto'}}>
69
                         <ImageModal
69
                         <ImageModal
70
+                            isTranslucent={Platform.OS === 'android'}
70
                             resizeMode="contain"
71
                             resizeMode="contain"
71
                             imageBackgroundColor={"#000"}
72
                             imageBackgroundColor={"#000"}
72
                             style={{
73
                             style={{

+ 3
- 0
src/screens/HomeScreen.js View File

17
 import {AnimatedValue} from "react-native-reanimated";
17
 import {AnimatedValue} from "react-native-reanimated";
18
 import AnimatedFAB from "../components/Custom/AnimatedFAB";
18
 import AnimatedFAB from "../components/Custom/AnimatedFAB";
19
 import AnimatedFocusView from "../components/Custom/AnimatedFocusView";
19
 import AnimatedFocusView from "../components/Custom/AnimatedFocusView";
20
+import {SafeAreaView} from "react-native-safe-area-context";
20
 // import DATA from "../dashboard_data.json";
21
 // import DATA from "../dashboard_data.json";
21
 
22
 
22
 
23
 
471
     render() {
472
     render() {
472
         const nav = this.props.navigation;
473
         const nav = this.props.navigation;
473
         return (
474
         return (
475
+            <SafeAreaView style={{flex: 1,}}>
474
             <AnimatedFocusView
476
             <AnimatedFocusView
475
                 {...this.props}
477
                 {...this.props}
476
             >
478
             >
490
                     onPress={this.openScanner}
492
                     onPress={this.openScanner}
491
                 />
493
                 />
492
             </AnimatedFocusView>
494
             </AnimatedFocusView>
495
+            </SafeAreaView>
493
         );
496
         );
494
     }
497
     }
495
 }
498
 }

+ 1
- 0
src/screens/Planning/PlanningDisplayScreen.js View File

91
                 {this.displayData.logo !== null ?
91
                 {this.displayData.logo !== null ?
92
                     <View style={{marginLeft: 'auto', marginRight: 'auto'}}>
92
                     <View style={{marginLeft: 'auto', marginRight: 'auto'}}>
93
                         <ImageModal
93
                         <ImageModal
94
+                            isTranslucent={Platform.OS === 'android'}
94
                             resizeMode="contain"
95
                             resizeMode="contain"
95
                             imageBackgroundColor={this.colors.background}
96
                             imageBackgroundColor={this.colors.background}
96
                             style={{
97
                             style={{

Loading…
Cancel
Save