2016-03-22 6 views
12

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

ответ

37

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

Например:

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

Это делает свою работу. Пользователь может отметить это как правильный ответ: D –

+0

При использовании свойства opacity вы изменяете всю непрозрачность вида, к которому вы применяете свойство. Любые дочерние компоненты наследуют эту непрозрачность. В этом случае непрозрачность должна применяться только к цвету. Так что это должен быть правильный ответ. – JensDebergh

15

В дополнение к ответу Pinewood в:

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

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

Смежные вопросы