1
votes

Couleur d'arrière-plan du bouton papier natif React

J'ai ce bouton de https://callstack.github.io/ react-native-paper / button.html

<Button onPress={goSignUp}>
    Sign Up
</Button>

Il n'a pas de couleur d'arrière-plan (juste ce que je veux), mais quand j'appuie dessus, une couleur d'arrière-plan avec un l'ondulation s'estompe. Comment supprimer la couleur d'arrière-plan onPress?

javascript reactjs material-design react-native expo

0 commentaires

3 Réponses :

0
votes

Vous vous demandez peut-être pourquoi n'utilisez-vous pas une opacité tactile au lieu du bouton? La réponse est que j'ai plus de boutons (avec une couleur d'arrière-plan) et je veux avoir tous les boutons avec le même style par défaut qui vient avec react-native-paper.

J'ai trouvé une solution (envelopper le bouton dans le TouchableOpacity) mais je pense qu'il doit y avoir un meilleur moyen ...

<TouchableOpacity onPress={goSignUp}>
   <Button style={styles.button}>Sign Up</Button>
</TouchableOpacity>

0 commentaires

2
votes

Veuillez utiliser TouchableOpacity

si vous avez utilisé TouchableHighlight Essayez d'ajouter ceci

 <TouchableHighlight underlayColor='none' />

1 commentaires

La question concerne le composant Button qui a été utilisé à partir de la bibliothèque mentionnée dans la question.

0
votes

Cette bibliothèque a un accessoire pour les boutons appelé mode, vous pouvez essayer de passer des accessoires en mode, ou simplement utiliser votre style personnalisé

<Button style={{width: 200, height: 50, backgroundColor: 'blue'}}>Sign Up</Button>

<Button mode='contained'>Sign Up</Button>

0 commentaires