https://github.com/bhavik66/react-native-simple-grid

Simple & Easy to use react native Grid
https://github.com/bhavik66/react-native-simple-grid

grid grid-layout grid-view react-native react-native-grid react-native-simple-grid

Last synced: about 1 month ago
JSON representation

Simple & Easy to use react native Grid

• Host: GitHub
• URL: https://github.com/bhavik66/react-native-simple-grid
• Owner: bhavik66
• License: mit
• Created: 2018-04-19T03:58:50.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-08-20T14:41:41.000Z (over 6 years ago)
• Last Synced: 2023-08-19T11:11:15.291Z (over 1 year ago)
• Topics: grid, grid-layout, grid-view, react-native, react-native-grid, react-native-simple-grid
• Language: JavaScript
• Homepage:
• Size: 1.38 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

# react-native-simple-grid

Easy to use and full customized grid for React Native.

## Installation

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

## Usage

```js

import Grid from 'react-native-simple-grid';

 {

		return (

			

			{rowData.name}

			

		)

	}}

/>

```

### 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](https://facebook.github.io/react-native/docs/listview.html#props)

## Example

[Wallpaper World](https://play.google.com/store/apps/details?id=com.pixabro.wallpaperworld)

![react-native-simlpe-grid](https://github.com/bhavik66/react-native-simple-grid/blob/master/screenshot/001.png?raw=true)