React Native之高度与宽度

---

我们可以给组件指定宽高，代码如下：

import React, {Component} from 'react'

import {
    StyleSheet,
    View,
} from 'react-native'

export default class LotsOfStyles extends Component {
    static navigationOptions = {
        // title: 'page 1',
        title: '指定宽高',
    };

    render() {
        return (
            
                
                
                
            
        );
    }
}

效果图：

除了上边的指定宽度，我们也可以使用弹性宽度设置布局大小，代码如下：

import React, {Component} from 'react'

import {
    StyleSheet,
    View,
} from 'react-native'

export default class LotsOfStyles extends Component {
    static navigationOptions = {
        // title: 'page 1',
        title: '指定宽高',
    };

    render() {
        return (
            
                
                
                
            
        );
    }
}

flex可以使控件在其可利用的空间中动态地扩张或收缩。
效果图：

当把父控件的flex去掉时，页面将什么都不会显示；
当把父控件的height为300时，效果图如下：