React Native Easy Grid screenshot

React Native Easy Grid

Author Avatar Theme by Geekyants
Updated: 12 Aug 2019
2192 Stars

Easy React Native Layout & Grid for the Dumb

Categories

Overview:

React Native Easy Grid is a grid layout library designed to simplify flexbox with an easier approach. It provides components for creating various grid layouts effortlessly, making the task of arranging elements in React Native applications more straightforward.

Features:

  • Two columns (50% and 50%): Allows for easy creation of two columns with equal width.
  • Two rows: Simplifies the process of setting up two rows within a layout.
  • Three columns (33.33% each): Provides the capability to set up three columns with equal widths effortlessly.
  • Nested Layout or Grid: Supports creating nested layouts within the grid structure.
  • Fixed width and fluid width combination: Allows mixing fixed and fluid width elements in the layout.
  • Fixed height and fluid height combination: Supports a combination of fixed and fluid height elements in the design.

Installation:

To install React Native Easy Grid, you can use npm or yarn:

npm install react-native-easy-grid
# or
yarn add react-native-easy-grid

Summary:

React Native Easy Grid simplifies the process of creating grid layouts in React Native applications by providing easy-to-use components for setting up columns and rows with different configurations. With features like fixed-fluid width combination and support for nested layouts, this library offers a convenient solution for managing layout structures efficiently.