fix image container on android

This commit is contained in:
Ansh Nanda
2023-04-09 16:34:58 -07:00
parent a21be25bfb
commit 5759326a22
+3 -2
View File
@@ -26,6 +26,7 @@ import useAnimatedComponents from './hooks/useAnimatedComponents'
import useImageIndexChange from './hooks/useImageIndexChange' import useImageIndexChange from './hooks/useImageIndexChange'
import useRequestClose from './hooks/useRequestClose' import useRequestClose from './hooks/useRequestClose'
import {ImageSource} from './@types' import {ImageSource} from './@types'
import {SafeAreaView} from 'react-native-safe-area-context'
type Props = { type Props = {
images: ImageSource[] images: ImageSource[]
@@ -97,7 +98,7 @@ function ImageViewing({
} }
return ( return (
<View style={styles.screen} onLayout={onLayout}> <SafeAreaView style={styles.screen} onLayout={onLayout}>
<ModalsContainer /> <ModalsContainer />
<View style={[styles.container, {opacity, backgroundColor}]}> <View style={[styles.container, {opacity, backgroundColor}]}>
<Animated.View style={[styles.header, {transform: headerTransform}]}> <Animated.View style={[styles.header, {transform: headerTransform}]}>
@@ -152,7 +153,7 @@ function ImageViewing({
</Animated.View> </Animated.View>
)} )}
</View> </View>
</View> </SafeAreaView>
) )
} }