/**
* 设置背景imageBackground
*/
import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
View,
Image
} from 'react-native';
export default class NewApp extends Component<{}> {
render() {
return (
<View style={styles.container}>
<Image style={styles.imageBackGround}
source={{uri:'http://img05.tooopen.com/images/20140326/sy_57640132134.jpg'}}>
<View style={styles.overlay}>
<Text style={styles.overlayHeader}>
标题
</Text>
<Text style={styles.overlaySubHeader}>
标题下面的文字（背景图片）
</Text>
</View>
</Image>
</View>
);
}
}
const styles=StyleSheet.create({
imageBackGround:{
resizeMode:'stretch',
flex:1
},
container:{
flex:1,
},
overlay:{
backgroundColor:'rgba(0,0,0,0.5)',/*背景是透明的 0.3 */
alignItems:'center'
},
overlayHeader:{
fontSize:30,
fontFamily:'Helvetica Neue',
fontWeight:'200',
color:'#eae7ff',
padding:10
},
overlaySubHeader:{
fontSize:15,
fontFamily:'Helvetica Neue',
fontWeight:'200',
color:'#eae7ff',
padding:10,
paddingTop:0
}
})
Image 用来当做背景图片
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 关于实现background-image透明，背景图片透明的方法，我查阅了很多资料，然后还是没有解决，这样我们不如...
- 再看这篇文章前，最好是对神经网络有了初步的了解。文章第三部分，很大篇幅在介绍神经网络的一些基础知识。演示demo ...
