~~~
// 實例4 獲取屏幕的寬高分辨率
var Dimensions = require('Dimensions');
var {width,height,scale} =Dimensions.get('window');
class AwesomeProject4 extends Component {
render() {
return (
<View style={styles4.container}>
<Text style={{color:'#ccc'}}>
屏幕的寬：{width+'\n'}
屏幕的高：{height+'\n'}
屏幕的分辨率：{scale+'\n'}
</Text>
</View>
);
}
}
const styles4 = StyleSheet.create({
container: {
flex:1,
height:100,
flexDirection: 'row',
backgroundColor: '#f4f3f3',
justifyContent:'center',//主軸線的對齊方式
alignItems:'center', //交叉軸上如何對齊
flexWrap:'wrap'//如果一條軸線排不下，如何換行
},
~~~
