DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity

Update README.md

Browse Source
This commit is contained in:
Christopher Chedeau
2014-04-16 17:46:07 -07:00
parent 3e2dd93db2
commit 7549e2c130
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
README.md
View File

@@ -13,8 +13,8 @@ Name | Value
----:|------ ----:|------
width, height | number width, height | number
left, right, top, bottom | number left, right, top, bottom | number
margin, margin{Left, Right, Top, Bottom} | positive number margin, marginLeft, marginRight, marginTop, marginBottom | positive number
padding, padding{Left, Right, Top, Bottom} | positive number padding, paddingLeft, paddingRight, paddingTop, paddingBottom | positive number
flexDirection | 'column', 'row' flexDirection | 'column', 'row'
justifyContent | 'flex-start', 'center', 'flex-end', 'space-between', 'space-around' justifyContent | 'flex-start', 'center', 'flex-end', 'space-between', 'space-around'
alignItems, alignSelf | 'flex-start', 'center', 'flex-end', 'stretch' alignItems, alignSelf | 'flex-start', 'center', 'flex-end', 'stretch'
@@ -23,12 +23,13 @@ position | 'relative', 'absolute'
- `inherit` value is not implemented because it's a way to disambiguate between multiple colliding rules. This should be done in a pre-processing step, not in the actual layout algorithm. - `inherit` value is not implemented because it's a way to disambiguate between multiple colliding rules. This should be done in a pre-processing step, not in the actual layout algorithm.
Usage Usage
----- -----
A single function `computeLayout` is exposed and A single function `computeLayout` is exposed and
- takes a tree of nodes: `{ style: { ... }, children: [ nodes ] }` - takes a tree of nodes: `{ style: { ... }, children: [ nodes ] }`
- returns a tree of rectanges: `{ width: ..., height: ..., top: ..., left: ..., children: [ rectangles ] }` - returns a tree of rectanges: `{ width: ..., height: ..., top: ..., left: ..., children: [ rects ] }`
For example, For example,