Permalink
Browse files

Add baseline alignment support

Summary:
Add baseline alignment support to react native.

{F65372439}

```
class Playground extends React.Component {
  render() {
    return (
      <View style={{padding: 30, flexDirection: 'row', alignItems: 'baseline'}}>
        <View style={{width: 30, height: 10, backgroundColor: 'red'}}/>
        <View style={{width: 30, height: 20, backgroundColor: 'green'}}/>
        <View style={{width: 30, height: 30, backgroundColor: 'blue'}}/>
      </View>
    );
  }
}
```

Reviewed By: javache

Differential Revision: D4385099

fbshipit-source-id: d7caa6e4c086c4a62e24ef1d5db9c805c470ef2a
  • Loading branch information...
emilsjolander authored and facebook-github-bot committed Jan 8, 2017
1 parent e3c8d80 commit 976abf87f213eb3a05277a9956b5e582ba951a2c
Showing with 6 additions and 3 deletions.
  1. +4 −2 Libraries/StyleSheet/LayoutPropTypes.js
  2. +2 −1 React/Base/RCTConvert.m
@@ -311,7 +311,8 @@ var LayoutPropTypes = {
'flex-start',
'flex-end',
'center',
- 'stretch'
+ 'stretch',
+ 'baseline'
]),
/** `alignSelf` controls how a child aligns in the cross direction,
@@ -325,7 +326,8 @@ var LayoutPropTypes = {
'flex-start',
'flex-end',
'center',
- 'stretch'
+ 'stretch',
+ 'baseline'
]),
/** `overflow` controls how a children are measured and displayed.
View
@@ -640,7 +640,8 @@ + (NSPropertyList)NSPropertyList:(id)json
@"flex-end": @(YGAlignFlexEnd),
@"center": @(YGAlignCenter),
@"auto": @(YGAlignAuto),
- @"stretch": @(YGAlignStretch)
+ @"stretch": @(YGAlignStretch),
+ @"baseline": @(YGAlignBaseline)
}), YGAlignFlexStart, intValue)
RCT_ENUM_CONVERTER(YGPositionType, (@{

0 comments on commit 976abf8

Please sign in to comment.