Skip to content

[BUG] Navigation tabs are not centered correctly for some languages #759

Description

@naul06

Describe the Bug

For some languages, the navigation tabs are not centered correctly on the screen. I suppose this is based on how the app handles this more generally, but it is very pronounced with three tabs specifically. I have tested this on English, French, Spanish, Portuguese, Italian and Indonesian and it happens on all of them with varied off-centering, except English and Italian. It seems to me that it is worse when the strings are longer.

For reference implementations, check LibreTube's navigation bar, which also allows changing the number of tabs as well as their order. I also really like how label appears only when the tab is selected, but I digress.

Steps to Reproduce

  1. Change to one of the specified languages (it may happen on others, too)
  2. Select only three navigation tabs in Content Display
  3. Leave the configuration screen
  4. Observe the issue

Expected Behavior

The icons should be spaced correctly with the strings centered below their corresponding icons.

Actual Behavior

Neither the icons nor the strings are centered correctly.

Screenshots or Screen Recordings

Image Image

Environment

Field Value
Device Samsung S25 FE
Android Version Android 16
Flow Version 2.1.5-nightly (16)
Installation Source GitHub APK
ROM Stock One UI 8.5

Frequency

  • Every time (100% reproducible)
  • Often (happens most of the time)
  • Sometimes (happens intermittently)
  • Rarely (happened once or twice)

Affected Area

  • Video playback
  • Music player
  • Home feed / Recommendations
  • Search
  • Downloads
  • Subscriptions
  • Playlists
  • Picture-in-Picture / Background playback
  • Notifications
  • Settings / Preferences
  • Import / Export
  • Casting
  • SponsorBlock / DeArrow
  • Lyrics / Subtitles
  • UI / Theming
  • Performance / Battery
  • Other (describe below)

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingcompletedFeature is fully implemented

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions