之前作Cell定制,以Image為背景轧邪,遇到此問(wèn)題庐橙。搜索良久..
今轉(zhuǎn)載留存,供大家參考
傳送門:HOW TO SET A FULL-SCREEN BACKGROUND IMAGE IN REACT NATIVE
1这吻、Image作為root進(jìn)行render
render() {
return (
<Image source={require('./assets/images/isolate/loginBg.png')} style={styles.backgroundImage} />
);
}
2、Image.style如下
const styles = StyleSheet.create({
backgroundImage:{
flex:1,
alignItems:'center',
justifyContent:'center',
width:null,
width:null,
//不加這句篙议,就是按照屏幕高度自適應(yīng)
//加上這幾唾糯,就是按照屏幕自適應(yīng)
//resizeMode:Image.resizeMode.contain,
//祛除內(nèi)部元素的白色背景
backgroundColor:'rgba(0,0,0,0)',
}
});