Extra padding/margin on text components on android

On Android builds, the Text component adds a big empty space at the bottom.

This does not happen in Preview or on iOS.

I tested with:

  • Fresh app copy

  • Screen with only one Text component

  • Disable new react native version (app doesn’t build)
    Same issue every time.

This completely breaks the app layout

Screenshot attached.
Anyone else seeing this or know a fix?

This is a problem I’ve submitted thousands of tickets for because every time it’s downloaded on Android, it has numerous front-end issues.

For example, there’s excessive spacing between text lines. Another problem is that lists (except for the custom list) don’t detect hierarchies; the title is bold, but on Android it appears as medium, which looks terrible. Also, there’s a lot of movement in the page components when navigating between pages, sometimes until they freeze completely!

I hope you can resolve these issues soon.

1 Like

The issue was due to the font used (Noto Sans JP), fixed it by using another font, hope that helps

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.