https://github.com/upbit/react-native-layout-playground

React Native layout playground
https://github.com/upbit/react-native-layout-playground

Last synced: 11 months ago
JSON representation

React Native layout playground

• Host: GitHub
• URL: https://github.com/upbit/react-native-layout-playground
• Owner: upbit
• Created: 2015-04-08T14:15:29.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2016-03-19T03:13:37.000Z (about 10 years ago)
• Last Synced: 2024-10-15T23:59:01.102Z (over 1 year ago)
• Language: JavaScript
• Size: 230 KB
• Stars: 4
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# react-native-layout-playground

React Native layout playground

## Preview

![preview1](./preview1.png) ![preview2](./preview2.png)

- Landscape

![preview4](./preview4.png)

- Portrait

![preview3](./preview3.png)

## Examples

### FlexView

- (default) 水平分割(等宽)

- (fixed-size) 左右固定宽度

### FlexViewColumn

- (default) 垂直分割(等高)

- (fixed-size) 上下固定高度

### FlexViewAround

- 环绕布局

### ImageView

- (default) 宽度自适应，限定高度(截断超出部分)

- (contain) 全部显示，限定高度

- (stretch) 缩放，限定高度

### CardView

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

### CardViewAutoWidth

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

### CardViewWithFlex

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