Реакция-родной: изменить цвет непрозрачности изображения. ⇐ CSS

[Anonymous]

Я пытался разработать экран, упомянутый ниже: < /p>

Для этого я создал ниже компонент: < /p>

import React, {Component} from 'react';
import {View, Text, StyleSheet, ImageBackground, Image} from 'react-native';
import Balance from './Balance.js'

class AccountHeader extends React.Component{
render(){
return(


My Account

Jenifer Lawrance
+14155552671


);
}
}

const styles = StyleSheet.create({
container: {
backgroundColor:'red',
opacity: 0.6
},
overlay: {
backgroundColor:'transparent',
opacity: 0.6
},
avatarStyle: {
width:100,
height: 100,
marginTop: 10,
borderRadius: 50,
alignSelf: 'center',
},
textStyle: {
marginTop: 10,
fontSize: 18,
color: "#FFFFFF",
fontWeight: 'bold',
alignSelf: 'center',
},
balanceContainer:{
padding:10,
}
});

export default AccountHeader;
< /code>

Теперь вот две проблемы: < /p>


Изменение непрозрачности изображения < / / Код> также изменить непрозрачность своих детей < /li>
Не в состоянии изменить цвет непрозрачности < /li>
< /ol>

Любая помощь оценена!


Дизайн экрана: < /strong> < /p>
< /blockquote>

< img alt = "Введите описание изображения здесь" src = "https://i.sstatic.net/yxkd2.png" /> < /p>


разработанный экран < /strong> < /p>
< /blockquote>



Подробнее здесь: https://stackoverflow.com/questions/493 ... background