# react-native-flex-layout

> Layout primitives for React Native.

Latest version **0.1.5** (published 2022-03-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-native-flex-layout
pnpm add react-native-flex-layout
yarn add react-native-flex-layout
bun add react-native-flex-layout
```

## Health

**Score 40/100 (D)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 0.1.5 |
| Published | 2022-03-03 |
| First published | 2022-02-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 176.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 26 |
| Author | Yaman KATBY |
| Maintainers | yamankatby |
| Keywords | react-native, ios, android |

## Links

- npm: https://www.npmjs.com/package/react-native-flex-layout
- Repository: https://github.com/yamankatby/react-native-flex-layout
- Homepage: https://github.com/yamankatby/react-native-flex-layout#readme
- Issues: https://github.com/yamankatby/react-native-flex-layout/issues
- npm.io page: https://npm.io/package/react-native-flex-layout

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 0.1.5 (latest) — 2022-03-03
- 0.1.4 — 2022-03-03
- 0.1.3 — 2022-03-03
- 0.1.2 — 2022-02-07
- 0.1.1 — 2022-02-03
- 0.1.0 — 2022-02-03

## README

# react-native-flex-layout [![Twitter Follow](https://img.shields.io/twitter/follow/rn_material?style=social)](https://twitter.com/intent/user?screen_name=rn_material)

> 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 <Flex fill center />;
};
```

## 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.

---
_Source: https://npm.io/package/react-native-flex-layout · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._