react-native-simple-layout

A simple semantic layout for react-native.

Install

use yarn

yarn add react-native-simple-layout

use npm

npm i react-native-simple-layout

Example

functionRectList(){return(<><Recttext={1}style={{backgroundColor: 'red'}}/><Recttext={2}style={{backgroundColor: 'green'}}/><Recttext={3}style={{backgroundColor: 'blue'}}/></>);}

Row

import{Row}from'react-native-simple-layout';functionRowExample(){return(<Row><RectList/></Row>);}

Column

import{Column}from'react-native-simple-layout';functionColumnExample(){return(<Column><RectList/></Column>);}

Stack

import{Row,Stack}from'react-native-simple-layout';functionStackExample(){return(<Row><Recttext={1}/><Stackstyle={{left: 30,top: 30}}><Recttext={2}style={{backgroundColor: 'green'}}/><Stackstyle={{left: 30,top: 30}}><Recttext={3}style={{backgroundColor: 'blue'}}/></Stack></Stack></Row>);}