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
 
- Landscape

- Portrait

## Examples
### FlexView
- (default) 水平分割(等宽)
- (fixed-size) 左右固定宽度
### FlexViewColumn
- (default) 垂直分割(等高)
- (fixed-size) 上下固定高度
### FlexViewAround
- 环绕布局
### ImageView
- (default) 宽度自适应,限定高度(截断超出部分)
- (contain) 全部显示,限定高度
- (stretch) 缩放,限定高度
### CardView
- 固定长宽,图片截断并显示阴影
### CardViewAutoWidth
- 宽度自适应,图片截断并显示阴影
### CardViewWithFlex
- 宽度自适应,内容按宽度自动排列