https://github.com/eduardoborges/react-native-flex

📏 A simple react-native flex grid component to build layouts with elegance
https://github.com/eduardoborges/react-native-flex

flexbox layout react-native

Last synced: 6 months ago
JSON representation

📏 A simple react-native flex grid component to build layouts with elegance

• Host: GitHub
• URL: https://github.com/eduardoborges/react-native-flex
• Owner: eduardoborges
• Created: 2023-11-06T15:20:45.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-13T19:19:22.000Z (over 2 years ago)
• Last Synced: 2025-10-28T08:57:30.550Z (8 months ago)
• Topics: flexbox, layout, react-native
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/react-native-flex
• Size: 563 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

          


  
📏 react-native-flex

  
A simple react-native flex grid component to build layouts with elegance


  ![npm](https://img.shields.io/npm/v/react-native-flex) ![npm package minimized gzipped size (select exports)](https://img.shields.io/bundlejs/size/react-native-flex?color=green-light) ![npm](https://img.shields.io/npm/dw/react-native-flex)



## Features

- ✨ Intuitive Grid System: Create responsive and flexible grids for your mobile app layouts effortlessly.

- 📐 Customizable Grid Configuration: Tailor the grid to your project's unique needs with a range of options.

- 🚀 High Performance: Smooth animations and fast rendering, ensuring a delightful user experience.

- 💡 Grid-Based Responsiveness: Effortlessly adapt to various screen sizes and orientations.

## Install

```sh

npm install react-native-flex

```

## Quickstart

```jsx

import React from 'react'

import { Flex } from 'react-native-flex';

const App = () => {

  return (

    

      

        // ...

      

      

        // ...

      

    

  )

}

```

## Let's grid it! 💪