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.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