Непрозрачность непротиворечивого поведения для родителя и ребенка

response-native: у меня есть один вид, а дочерний элемент View - это изображение, я применил непрозрачность: 0.5 для представления и непрозрачности: 0,9 для изображения, но оно не относится к изображению, непрозрачность родителя применяется для дочернего, ребенок не принимает независимую непрозрачность

Ответ 1

Попробуйте вместо этого изменить непрозрачность, используя альфа-значение цвета фона. Тогда должно быть возможно применение различных непрозрачности для детей.

Например:

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

Ответ 2

Помимо соснового леса ответ:

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

Последняя часть цвета фона "50" указывает на непрозрачность%.

Ответ 3

В Reaction-native 0.6 вы можете использовать опору непрозрачности в View. Пример:

<View opacity={1.0} />

<View opacity={0.5} />

1,0 = непрозрачный (альфа == 1,0)

0.0 = ясно (альфа == 0.0)

См. Https://facebook.github.io/react-native/docs/0.6/view-style-props#opacity.

Закуска: https://snack.expo.io/S1KjXqe6N

Ответ 4

Если вы хотите отобразить какой-нибудь текст с прозрачной альфа-непрозрачностью, тогда у меня есть лучший способ, просто попробуйте.

TransparentBG:{
    backgroundColor:  '#00000070',
    color:'#FFFFFF'
  }

здесь "70" обозначает непрозрачность%. -Thanks

Ответ 5

Вам нужно использовать needsOffscreenAlphaCompositing например this-

<View needsOffscreenAlphaCompositing>
...
<View/>