opacité de style réactif pour parent et enfant

réagir indigènes : j'ai un point de Vue et à l'enfant de point de Vue est une Image , j'ai appliqué opacity: 0.5 pour la Vue et l'opacité: 0.9 pour une Image, mais il ne s'applique pas pour l'Image ,le parent, l'opacité est l'application pour enfant , l'enfant ne prend pas indépendant de l'opacité

source d'informationauteur Merugu Prashanth

  1. 43

    Essayez de changer l'opacité à l'aide de l'alpha-valeur de la couleur d'arrière-plan à la place. Ensuite, il devrait être possible à l'application de différentes opacités pour les enfants.

    Par exemple:

    <View style={{backgroundColor: 'rgba(0,0,0,0.5)'}}/>
  2. 26

    En plus de la pinède de réponse:

    <View style={{backgroundColor: '#FFFFFF50'}} />

    La dernière partie de la couleur d'arrière-plan "50" indique l'opacité %.

  3. 0

    À réagir natif de 0,6, vous pouvez utiliser l'opacité prop sur une Vue. Exemple:

    <View opacity={1} />

<View opacity={0.5} />

    O = opaque

    1 = clair

    Voir https://facebook.github.io/react-native/docs/0.6/view-style-props#opacity