alignItems: 'baseline' doesn't work

[erin-noe-payne]

Is this a bug report?

Yes.

Have you read the Contributing Guidelines?

Yes.

Environment

1. react-native -v: 0.48.1
2. node -v: v7.9.0
3. npm -v: 5.4.1
4. yarn --version: N/A

Then, specify:

• Target Platform: iOS, Android

• Development Operating System: macOS Sierra 10.12.5

• Build tools:
  react-native run-ios
react-native run-android

Steps to Reproduce

1. Create a wrapper view with the styles: {flexDirection: 'row', alignItems:'baseline'}
2. Within the wrapper view, create multiple text nodes with different fontSizes

Expected Behavior

The text nodes would be aligned along the baseline.

Actual Behavior

The text nodes are not aligned along the baseline. The alignment is indistinguishable from alignItems: 'flex-end'

Reproducible Demo

https://snack.expo.io/HkoJ_QkcZ

(T16975579)

[joechrysler]

There is a workaround to this. If you wrap sibling <Text> nodes in a <Text> everything lines up nicely regardless of the parent <View>’s alignItems setting.
https://snack.expo.io/BkR46Ub2b

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. If you think this issue should definitely remain open, please let us know why. Thank you for your contributions.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. If you think this issue should definitely remain open, please let us know why. Thank you for your contributions.

[shergin]

I recently fixed this on iOS.

[react-native-bot]

Thanks for posting this! It looks like you may not be using the latest version of React Native, v0.53.0, released on January 2018. Can you make sure this issue can still be reproduced in the latest version?

I am going to close this, but please feel free to open a new issue if you are able to confirm that this is still a problem in v0.53.0 or newer.

_{How to Contribute • What to Expect from Maintainers}