ikea dot com

5.1.9


import React, { Component } from 'react';
import { AppRegistry, Text, View, StyleSheet } from 'react-native';
import { Constants } from 'expo';

export default class App extends Component {
    render() {
        return (
            <View style={styles.container}>

            <View style={styles.top}>
                <View style={styles.blue1}>
                </View>
                <View style={styles.yellow1}>
                </View>
                <View style={styles.blue2}>
                </View>
            </View>

            <View style={styles.middle}>
                <View style={styles.yellow2}>
                </View>
            </View>

            <View style={styles.bottom}>
                <View style={styles.blue1}>
                </View>
                <View style={styles.yellow1}>
                </View>
                <View style={styles.blue2}>
                </View>
            </View>


            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
    top: {
        flex: 5,
        flexDirection: 'row',
    },
    middle: {
        flex: 1,
        flexDirection: 'row',
    },
    bottom: {
        flex: 5,
        flexDirection: 'row',
    },
    blue1: {
        flex: 4,
        backgroundColor: '#006AA7',
    },
    blue2: {
        flex: 7,
        backgroundColor: '#006AA7',
    },
    yellow1: {
        flex: 2,
        backgroundColor: '#FECC00',
    },
    yellow2: {
        flex: 1,
        backgroundColor: '#FECC00',
    }

});