Skip to content

bhavik66/react-native-simple-grid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Simple & Easy to use react native Grid

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published