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