weird Flex but ok

5.1.8

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.flag}>
                <View style={styles.blue}>
                </View>
                <View style={styles.yellow}>
                </View>
                <View style={styles.red}>
                </View>
            </View>


            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
    flag: {
        flex: 1,
        flexDirection: 'row',
    },
    yellow: {
        flex: 1,
        backgroundColor: '#FCD116',
    },
    blue: {
        flex: 1,
        backgroundColor: '#002B7F',
    },
    red: {
        flex: 1,
        backgroundColor: '#CE1126',
    },

});