問題
rn里Image不能像css那樣width:100%,必須制定一個(gè)寬度,但是各種移動(dòng)設(shè)備不同的屏幕寬度,法克,怎么破
解決方法
先通過Dimensions難拿到屏幕寬度,然后在style直接使用,舉個(gè)栗子:
<Image resizeMode={'cover'} style={[styles.header_top_wrap_img]} source={require('../logo.png')}/>
//style
const win = Dimensions.get('window');
const styles = StyleSheet.create({
header_top_wrap_img: {
width: win.width,
height: 269,
},
});