Flex dan Flex Direction

import React from "react";
import { StyleSheet, View } from "react-native";

export default class Layout extends React.Component {
    render() {
        return (
            <View style={styles.container}>
                <View style={[styles.box, styles.box1]}/>
                <View style={[styles.box, styles.box2]}/>
                <View style={[styles.box, styles.box3]}/>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        flexDirection: "column"
    },
    box: {
        flex: 1
    },
    box1: {
        backgroundColor: '#2196F3'
    },
    box2: {
        backgroundColor: '#8BC34A'
    },
    box3: {
        backgroundColor: '#e3aa1a'
    }
});