Skip to content

Incorrect bottom padding in Text with justify alignment #30786

@Kolyunya

Description

@Kolyunya

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

  1. Add Text component.
  2. Set alignment to justify.
  3. Add text contents to the component.
  4. Run the application on an Android device.
  5. 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

2021-01-25_13-20

Metadata

Metadata

Assignees

No one assigned

    Labels

    Needs: Triage 🔍StaleThere has been a lack of activity on this issue and it may be closed soon.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions