https://github.com/yamankatby/react-native-flex-layout

Layout primitives for React Native.
https://github.com/yamankatby/react-native-flex-layout

flexbox layout react-native

Last synced: 4 months ago
JSON representation

Layout primitives for React Native.

• Host: GitHub
• URL: https://github.com/yamankatby/react-native-flex-layout
• Owner: yamankatby
• License: mit
• Created: 2022-02-03T11:31:35.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2025-11-20T12:41:31.000Z (7 months ago)
• Last Synced: 2025-11-20T14:29:57.444Z (7 months ago)
• Topics: flexbox, layout, react-native
• Language: TypeScript
• Homepage: http://react-native-flex-layout.js.org
• Size: 1.42 MB
• Stars: 25
• Watchers: 1
• Forks: 5
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# react-native-flex-layout

> Layout primitives for React Native.

[![npm](https://img.shields.io/npm/v/react-native-flex-layout)](https://www.npmjs.com/package/react-native-flex-layout)

[![NPM Downloads](https://img.shields.io/npm/dm/react-native-flex-layout.svg)](https://www.npmjs.com/package/react-native-flex-layout)

[![Used Languages](https://img.shields.io/github/languages/top/yamankatby/react-native-material.svg)](https://github.com/yamankatby/react-native-flex-layout)

## Docs

**https://react-native-flex-layout.js.org**

⚛️ [Components](https://react-native-flex-layout.js.org/components/box) · 📚 [Guides](https://react-native-flex-layout.js.org/guides/spacing) · 📖 [Examples](https://react-native-flex-layout.js.org/examples/toolbar)

## Installation

```sh

npm install react-native-flex-layout

```

## Usage

```js

import {

  Box,

  Flex,

  Stack,

  Wrap,

  Selector,

  // ...

} from "react-native-flex-layout";

const App = () => {

  return ;

};

```

## Support & help 

If you get stuck, contact [@yamankatby](https://twitter.com/yamankatby) on Twitter

or [open a discussion on GitHub](https://github.com/yamankatby/react-native-flex-layout/discussions). In case of

bugs, [open an issue on GitHub](https://github.com/yamankatby/react-native-flex-layout/issues).

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.