Tried to fix image modal animation

This commit is contained in:
Arnaud Vergnet 2020-04-17 16:42:26 +02:00
parent 9d52fd94ef
commit 46dfbb1048
6 changed files with 8 additions and 1 deletions

View file

@ -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",

View file

@ -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={{

View file

@ -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={{

View file

@ -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={{

View file

@ -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>
);
}
}

View file

@ -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={{