React Native Container

Simply an enhanced View component for lazy developers.

Layout

Row and Col

<Container col>
    <Container/>
    <Container/>
</Container>

<Container row>
    <Container/>
    <Container/>
</Container>

Size

<Container>
    <Container size={2}/>
    <Container size={3}/>
</Container>

<Container>
    <Container style={{height: 500}}/>
    <Container/>
</Container>

Nested

<Container row>
    <Container>
        <Container/>
        <Container/>
    </Container>

    <Container/>
</Container>

Align Children

Center

<Container center>
    <Container/>
</Container>

<Container center="horizontal">
    <Container/>
</Container>

<Container center="vertical">
    <Container/>
</Container>