<View style={{"position":"absolute","left":0,"right":0,"alignItems":"flex-start","height":375,"marginTop":20}}>
<View style={{"overflow":"hidden","justifyContent":"flex-end","height":99}}>
<View>
<View style={{"flexGrow":1,"flexShrink":1,"flexDirection":"row","backgroundColor":"steelblue"}}>
<View>
<Text>Line One</Text>
<Text style={{"flexGrow":1,"flexShrink":1}}>Line Two</Text>
</View>
</View>
</View>
<View style={{"height":22,"width":22,"backgroundColor":"orange"}} />
</View>
</View>
Both lines are visible and the blue box is just tall enough to fit the text (JSFiddle: https://jsfiddle.net/w71q2oc6/1/). This is how it lays out on web and in the version of Yoga that shipped with React Native 0.34.0-rc.0.
First line is clipped and the blue box is too tall.
Bug expressed using React Native components:
Expected result
Both lines are visible and the blue box is just tall enough to fit the text (JSFiddle: https://jsfiddle.net/w71q2oc6/1/). This is how it lays out on web and in the version of Yoga that shipped with React Native 0.34.0-rc.0.
Actual result
First line is clipped and the blue box is too tall.