A React native component to horizontally layout flexbox elements.

FlexLayout.js

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

class HelloWorldComponent extends Component {
    render() {
        return <View style={{
            flexDirection:"row", 
            backgroundColor : 'green',
            justifyContent: 'space-around'
        }}>
        <Text style={{ backgroundColor:'red'}}>Float Left</Text>
        <Text style={{}}>Center</Text>
        <Text>Float Right</Text>
        {/* <Text style={{ width:0, flexGrow: 1, backgroundColor:'yellow'}} numberOfLines={1} ellipsizeMode="middle">The quick brown fox jumped over the lazy dog.</Text> */}
        </View>
    }
}