Я пытался разработать экран, упомянутый ниже: < /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
