Description
Text component has unwanted bottom padding when justify alignment is used. The issue depends on the amount of text contents.
React Native version:
» node_modules/.bin/react-native info
info Fetching system and libraries information...
System:
OS: Linux 5.10 Arch Linux
CPU: (4) x64 Intel(R) Core(TM) i5-7600 CPU @ 3.50GHz
Memory: 14.85 GB / 23.43 GB
Shell: 5.1.4 - /bin/bash
Binaries:
Node: 15.6.0 - /usr/bin/node
Yarn: Not Found
npm: 6.14.11 - /usr/bin/npm
Watchman: Not Found
SDKs:
Android SDK: Not Found
IDEs:
Android Studio: Not Found
Languages:
Java: 10.0.2 - /usr/bin/javac
Python: 3.9.1 - /usr/bin/python
npmPackages:
@react-native-community/cli: Not Found
react: ^17.0.0 => 17.0.1
react-native: https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz => 0.63.2
npmGlobalPackages:
*react-native*: Not Found
Steps To Reproduce
- Add
Text component.
- Set alignment to
justify.
- Add text contents to the component.
- Run the application on an
Android device.
- See unwanted bottom padding depending on the length of the contents.
Expected Results
See no unwanted bottom padding.
Demo application
Minimal reproducible bug demo on expo.io.
Screenshots
