react-native-simple-grid

Easy to use and full customized grid for React Native.

Installation

$ npm install react-native-simple-grid --save

Usage

import Grid from 'react-native-simple-grid';
<Grid
    dataSource={data}
    column={2} 
    rowView={(rowData) => {
        return (
            <View style={{flex: 1, backgroundColor: rowData.color}}>
            <Text>{rowData.name}</Text>
            </View>
        )
    }}
/>

Properties

Prop	Description
`dataSource`	For simplicity, dataSource is just a plain array.
`column`	Number of column in grid.
`rowView`	Takes an item from `data` and renders it into the list.
`row`	Number of row show in screen at a time.

other properties are derived from ListView

Example

Wallpaper World

react-native-simlpe-grid