Top Grid Component for your React Native Project

1. React Native sortable grid view

Sortable Grid View Component for React Native

React Native sortable grid view

View on Morioh

2. React Native Easy grid View

A React Native component for grid view. Compatible with both iOS and Android.

React Native Easy grid View

View on Github

3.React Native Easy Grid

Easy React Native Layout & Grid for the Dumb
This is NOT-JUST-ANOTHER-GRID-LAYOUT library! We are trying to simplify flexbox with easier approach.

React Native Easy Grid

View on Github

4.React Native Gridview

A flexible grid view based on React Native’s ListView component.
React Native’s ListView can be customized to render in a grid layout, but suffers from some issues:

Does not allow specifying a number of items per row, requiring fixing or calculating the width of your items for consistent row layouts
If your items have variable heights, the item containers will not flex to match each other
react-native-gridview seeks to solve these issues, along with giving you some additional functionality for grid-based layouts.

View on Github

View on Github

5.React Native Square Grid

A component for rendering a grid of squares that perfectly fill your space (potentially with scrolling).

React Native Square Grid

View on Github

6.React Native Grid View

React Native Grid/Collection View component

This component allows to display a grid/collection of items with more than one item per row. The items per row is configurable and it uses a ‘ListView’ in order to have a proper recycle mechanism.

React Native Grid View

View on Github

7.React Native Grid Component

Easy to use grid component for your react-native project. Supports iOS and Android.

React Native Grid Component

View on Github

8.React Native Super Grid

Responsive Grid View for React Native.
React Native Super Grid

This library export two components - FlatGrid (similar to FlatList) and SectionGrid (similar to SectionList). Both components render a Grid layout that adapts itself to various screen resolutions.

Instead of passing an itemPerRow argument, you pass itemDimension and each item will be rendered with a dimension size equal to or more than (to fill the screen) the given dimension.

View on Github

#react-native #programming

Top  Grid Component for your React Native Project
30.80 GEEK