react-native-container

Simply an enhanced View component for lazy developers.

Usage no npm install needed!

<script type="module">
  import reactNativeContainer from 'https://cdn.skypack.dev/react-native-container';
</script>

README

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>