React Native Easy Grid 🐵

!Master Build Status

This is NOT-JUST-ANOTHER-GRID-LAYOUT library! We are trying to simplify flexbox with easier approach.

Installation

``
npm install react-native-easy-grid --save
`

Usage

$3

`
import { Col, Row, Grid } from "react-native-easy-grid";
`

$3

`




`

!col-50-50

> Note: If you don't assign the size property, it defaults to equal width (or height) with its siblings

$3

`




`

!row-50-50




$3

`




`

This is exactly same as

`




`

!row-75-25

> Same concept applies to




$3

`





`
!col-33-33-33

$3

`





`

!row-50-25-25

$3











1	2
	3

`


1



2


3



`

!complex

$3

`


Fixed width


Fluid width


`

!col-fluid-fixed.png




$3

`


Fixed width


Fluid width


`

Do you think anything could be simpler than that? This repo is part of our bigger project called NativeBase.io. Do check that!

Important note about usage with

> Note: If you're using inside a , the height of the component would be flexible according to the content, though you can always apply the height` styling.