|
@@ -57,6 +57,7 @@ const UserItem = ({ marker }: { marker: any }) => {
|
|
]}
|
|
]}
|
|
>
|
|
>
|
|
<Image
|
|
<Image
|
|
|
|
+ key={marker.avatar.uri}
|
|
source={marker.avatar}
|
|
source={marker.avatar}
|
|
style={[styles.userImage, { width: 54, height: 54, borderRadius: 27 }]}
|
|
style={[styles.userImage, { width: 54, height: 54, borderRadius: 27 }]}
|
|
resizeMode="contain"
|
|
resizeMode="contain"
|
|
@@ -65,6 +66,7 @@ const UserItem = ({ marker }: { marker: any }) => {
|
|
<View style={styles.calloutTextContainer}>
|
|
<View style={styles.calloutTextContainer}>
|
|
<View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
|
|
<View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
|
|
<Image
|
|
<Image
|
|
|
|
+ key={marker.flag.uri}
|
|
source={{ uri: marker.flag.uri, cache: 'force-cache' }}
|
|
source={{ uri: marker.flag.uri, cache: 'force-cache' }}
|
|
style={styles.flag}
|
|
style={styles.flag}
|
|
resizeMode="cover"
|
|
resizeMode="cover"
|
|
@@ -106,11 +108,17 @@ const UserItem = ({ marker }: { marker: any }) => {
|
|
<View style={styles.customView}>
|
|
<View style={styles.customView}>
|
|
<View style={styles.calloutContainer}>
|
|
<View style={styles.calloutContainer}>
|
|
<View style={styles.calloutImageContainer}>
|
|
<View style={styles.calloutImageContainer}>
|
|
- <Image source={marker.avatar} style={styles.userImage} resizeMode="contain" />
|
|
|
|
|
|
+ <Image
|
|
|
|
+ key={marker.avatar.uri}
|
|
|
|
+ source={marker.avatar}
|
|
|
|
+ style={styles.userImage}
|
|
|
|
+ resizeMode="contain"
|
|
|
|
+ />
|
|
</View>
|
|
</View>
|
|
<View style={styles.calloutTextContainer}>
|
|
<View style={styles.calloutTextContainer}>
|
|
<View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
|
|
<View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
|
|
<Image
|
|
<Image
|
|
|
|
+ key={marker.flag.uri}
|
|
source={{ uri: marker.flag.uri, cache: 'force-cache' }}
|
|
source={{ uri: marker.flag.uri, cache: 'force-cache' }}
|
|
style={styles.flag}
|
|
style={styles.flag}
|
|
resizeMode="cover"
|
|
resizeMode="cover"
|