如何只在我的头像上添加文字?

Question

我想添加"cover"在我的FlatList的当前个人资料图片。

在我的FlatList上，我有几张照片，当我点击并改变我当前的个人资料史诗时，我只想要"封面"这个词。

我试着添加一个条件，但是它不能正常工作。

const { firstName, lastName, profilePictureURL } = currentUser;
const userLastName = currentUser && lastName ? lastName : ' ';
const userfirstName = currentUser && firstName ? firstName : ' ';

{myphotos.map((photos, i) => (
<View key={'photos' + i} style={styles.slide}>
<View style={styles.slideActivity}>
<FlatList
horizontal={false}
numColumns={2}
data={photos}
scrollEnabled={true}
renderItem={
(({ item, index }) =>
item.add ? (
<TouchableOpacity
key={'item' + index}
style={[
styles.myphotosItemView,
{
borderWidth: 1,
borderColor: '#5DD6FF',
},
]}
onPress={onSelectAddPhoto}>
<Icon
style={styles.icon}
name="add"
size={40}
color="#5DD6FF"
/>
</TouchableOpacity>
) : (
<TouchableOpacity
key={'item' + index}
style={styles.myphotosItemView}
onPress={() =>
onSelectDelPhoto(i * 6 + index)
}>
<FastImage
style={{ width: '100%', height: '100%' }}
source={{ uri: item }}
/>
</TouchableOpacity>
),
photos  ===
profilePictureURL(<Text>Couverture</Text>))
}
/>

Answer 1

<TouchableOpacity
key={'item' + index}
style={styles.myphotosItemView}
onPress={() =>
onSelectDelPhoto(i * 6 + index)
}>
<FastImage
style={{ width: '100%', height: '100%' }}
source={{ uri: item }}
/>
<Text
style={styles.watermark}
>STARK</Text>
</TouchableOpacity>


const styles=StyleSheet.create(
{
watermark:
{
alignself:"center",
position:"absolute"
}
myphotosItemView:
{
justifycontent:"center",
alignItems:"center"
}
})