Name		Name	Last commit message	Last commit date
Latest commit History 9 Commits
Layouts		Layouts
RCTLayoutPlayground.xcodeproj		RCTLayoutPlayground.xcodeproj
iOS		iOS
.gitignore		.gitignore
CommonStyles.js		CommonStyles.js
README.md		README.md
index.ios.js		index.ios.js
package.json		package.json
preview1.png		preview1.png
preview2.png		preview2.png
preview3.png		preview3.png
preview4.png		preview4.png

Repository files navigation

react-native-layout-playground

React Native layout playground

Preview

Landscape

Portrait

Examples

FlexView

(default) 水平分割(等宽)
(fixed-size) 左右固定宽度

FlexViewColumn

(default) 垂直分割(等高)
(fixed-size) 上下固定高度

FlexViewAround

环绕布局

ImageView

(default) 宽度自适应，限定高度(截断超出部分)
(contain) 全部显示，限定高度
(stretch) 缩放，限定高度

CardView

固定长宽，图片截断并显示阴影

CardViewAutoWidth

宽度自适应，图片截断并显示阴影

CardViewWithFlex

宽度自适应，内容按宽度自动排列

About

React Native layout playground

Report repository

Releases

No releases published

Packages

No packages published

Languages

JavaScript 77.6%
Objective-C 22.4%