android render image issue

[alfayez91]

I have an issue that images are reversed in android, any solution

"react-native": "0.61.4"
"react-native-image-view": "^2.1.9"

here is the list of images
<FlatList contentContainerStyle={styles.content} data={imagesArrayTest.slice()} keyExtractor={(item) => item.id} numColumns={3} renderItem={({ item, index }) => { return ( <TouchableOpacity key={item.id} style={{margin: 10,}} onPress={() =>{ this.setState({imageIndex: index, isImageViewVisible: true })}} > <Image style={{width: 100, height: 100, borderWidth: 1}} source={item.source} resizeMode="cover" /> </TouchableOpacity> ) }} />

here is the ImageView

<ImageView glideAlways images={imagesArrayTest} animationType="fade" isVisible={isImageViewVisible} renderFooter={(currentImage) => ( <View style={{flex:1, alignItems: 'center', margin: 10, height: w.height/10}}> <Text style={{color: '#fff'}}>{currentImage.title}</Text> </View> )} onClose={() => {this.setState({isImageViewVisible: false});console.log("closed", imageIndex)}} onImageChange={index => {console.log(index changes: ${index});}} />

iOS working fine my issue is with android