Composant dans React-Native - Retrouvez les réponses et les commentaires concernant cette question" />
Dev Faq
0
votes

Comment ajouter une icône "Modifier" sous forme de bouton sur Composant dans React-Native

Je veux ajouter un bouton "Modifier" avec une icône dans mon code> composant. Voici mon code pour le code> qui contient l'image. 

<View style={{ flex: 1 }}>
    <View
        style={{
            justifyContent: 'space-evenly',
            alignItems: 'center',
            flexDirection: 'row',
            paddingVertical: 10
        }}
    >
        <Image
            source={{ uri: 'https://api.adorable.io/avatars/285/test@user.i.png' }}
            style={{
                marginLeft: 10, width: 100, height: 100, borderRadius: 50
            }}
        />
    </View>
</View>

0 commentaires

3 Réponses :

0
votes

Vous pouvez utiliser réact-native-vectoriel-icônes pour ajouter un icône dans la vue qui contient une image. Vous pouvez également ajouter un composant de bouton d'icône à l'aide de cette bibliothèque qui ressemblera à quelque chose comme celle-ci xxx

0 commentaires
1
votes

Vous pouvez l'essayer comme: xxx

puis le style d'icône comme ci-dessous: Notez l'attribut absolu Position xxx

testé avec icône de Réact-natif-éléments mais je suppose que cela devrait fonctionner avec une autre icône.

0 commentaires
1
votes

Essayez d'utiliser ImageBackground fort> pour envelopper votre icône à l'intérieur et pour l'icône Utilisez une bibliothèque de réacte-native-vecteur-icône. 

<ImageBackground source={...} style={{width: '100%', height: '100%'}}>
    <Icon
    name="edit"
    size={18}
    onPress={this.edit}
  >
    Edit
</Icon>
</ImageBackground>

0 commentaires

Articles qui pourrait vous intéresser :

jest test échoue après l'installation de react-native-async-storage
Impossible de charger le script Assurez-vous que vous exécutez un serveur Metro ou que votre bundle 'index.android.bundle' est correctement emballé pour la publication
L'action POP avec charge utile n'a été gérée par aucun navigateur
React n'est pas défini dans le module Shopify