web-dev-qa-db-fra.com

Comment définir la couleur d'arrière-plan de la vue transparente dans React Native

C'est le style de la vue que j'ai utilisé

backCover: {
  position: 'absolute',
  marginTop: 20,
  top: 0,
  bottom: 0,
  left: 0,
  right: 0,
}

Actuellement, il a un fond blanc. Je peux changer la couleur de fond comme je le veux, comme '#343434', mais elle n'accepte que 6 valeurs hexadécimales au maximum pour la couleur. Je ne peux donc pas donner d'opacité comme '#00ffffff'. J'ai essayé d'utiliser l'opacité comme ça

backCover: {
  position: 'absolute',
  marginTop: 20,
  top: 0,
  bottom: 0,
  left: 0,
  right: 0,
  opacity: 0.5,
}

mais cela réduit la visibilité du contenu de la vue. Donc, des réponses?

react-native
99
JEROM JOY

Utilisez la valeur rgba pour le backgroundColor.

Par exemple,

backgroundColor: 'rgba(52, 52, 52, 0.8)'

Cela lui donne une couleur grise avec une opacité de 80%, dérivée de l'opacité décimale, 0.8. Cette valeur peut être comprise entre 0.0 et 1.0.

208
dieuvn3b

Ce qui suit fonctionne bien:

backgroundColor: 'rgba(52, 52, 52, alpha)'

Vous pouvez aussi essayer:

backgroundColor: 'transparent'
71
JEROM JOY

Essayez ceci backgroundColor: '#00000000' il définira la couleur de fond transparente, il suit les codes hexadécimaux #rrggbbaa

21
Tharzeez