React native flex layout

Overview

react-native-flex-layout Twitter Follow

Layout primitives for React Native.

npm NPM Downloads Used Languages

Docs

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

⚛️ Components · 📚 Guides · 📖 Examples

Installation

npm install react-native-flex-layout

Usage

{ return ; };">
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 on Twitter or open a discussion on GitHub. In case of bugs, open an issue on GitHub.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

You might also like...
This react component resize the layout of HTML using a handle
This react component resize the layout of HTML using a handle

react-resize-layout This react component resize the layout of HTML using a handle Demo View the demo page Example View the example demo page npm insta

XMasonry: Masonry Layout for React JS

Responsive, minimalistic and full-featured native masonry layout (grid) for React JS.

Physical representation of layout composition to create declarative responsive layouts in React.
Physical representation of layout composition to create declarative responsive layouts in React.

Atomic Layout is a spatial distribution library for React. It uses CSS Grid to define layout areas and render them as React components. This pattern e

A powerful React component to abstract over flexbox and create any layout on any browser

FlexView A powerful React component to abstract over flexbox and create any layout on any browser. Install yarn add react-flexview Why The flexbox AP

Kilvin is a set of universal & primitive Layout Components for React.

Kilvin is a set of universal & primitive Layout Components for React.

Simple Layout Field to offer a variety possibilities to react-jsonschema-forms
Simple Layout Field to offer a variety possibilities to react-jsonschema-forms

react-jsonschema-form-layout Just a small custom field for the awesome react-jsonschema-form. see DEMO Key features: support bootstrap's grid add non-

Photo layout editor for react
Photo layout editor for react

react-photo-layout-editor 사진 레이아웃을 편집하는 웹 프로그램입니다. This is photo layout editor for react 예전 Instagram blog( http://blog.instagram.com/ )에 있는 정렬된 이미지의

🦸  Motion Layout - Create beautiful immersive React hero animations using shared components.
🦸 Motion Layout - Create beautiful immersive React hero animations using shared components.

Motion Layout Create beautiful immersive React hero animations using shared components. Docs React Motion Layout Docs About Motivation There are amazi

🤸 Configurable grid and layout engine for React
🤸 Configurable grid and layout engine for React

gymnast is a configurable grid for React With gymnast, you can eliminate your layout css or reduce it to just a few lines. Learn how to use gymnast in

Releases(v0.1.5)
Owner
Yaman KATBY
I like to design, code and market new effective projects.
Yaman KATBY
React-layout - Layout component for React. Handling the overall layout of a page

Layout Handling the overall layout of a page. ⚠️ Note: Implemented with flex lay

uiw 2 Jul 10, 2022
React-Grid-Layout is a grid layout system much like Packery or Gridster, for React.

A draggable and resizable grid layout with responsive breakpoints, for React.

RGL 16.9k Jan 2, 2023
Layout-reactJS - Layout with React JS using NASA API

Layout with React JS using NASA API Website link on the web: Click Here Preview:

Anastacio Menezes 4 Feb 2, 2022
React-masonry - An easy to use and simple masonry layout for React Js based on flexbox column

React Masonry An easy to use and simple masonry layout for React Js based on fle

null 16 Dec 23, 2022
Auto Responsive Layout Library For React

autoresponsive-react Auto responsive grid layout library for React. Who are using ⭐ ⭐ ⭐ alibaba/ice ⭐ ⭐ ⭐ ice-lab/react-materials ⭐ ⭐ ⭐ ant-design/ant

达峰的夏天 1.5k Dec 15, 2022
The layout engine for React

Responsive, sortable, filterable and draggable grid layouts with React Design Principles ????‍?? Muuri-React is the React implementation of the amazin

Paolo Longo 274 Dec 21, 2022
A draggable and resizable grid layout with responsive breakpoints, for React.

React-Grid-Layout React-Grid-Layout is a grid layout system much like Packery or Gridster, for React. Unlike those systems, it is responsive and suppo

Samuel Reed 16.9k Jan 1, 2023
Animated grid layout component for React

react-stonecutter Animated grid layout component for React, inspired by Masonry. Choose between CSS Transitions or React-Motion for animation. Demo In

Dan Train 1.2k Dec 24, 2022
FlexLayout is a layout manager that arranges React components in multiple tab sets, tabs can be resized and moved.

FlexLayout is a layout manager that arranges React components in multiple tab sets, tabs can be resized and moved.

Caplin 649 Jan 7, 2023
Photo layout editor for react

react-photo-layout-editor 사진 레이아웃을 편집하는 웹 프로그램입니다. This is photo layout editor for react 예전 Instagram blog( http://blog.instagram.com/ )에 있는 정렬된 이미지의

redgoose 115 Oct 7, 2022