Skip to content

Header button text scales incorrectly when Large Text is enabled on iOS #260

Description

@wongk

Precondition: iOS Settings > Accessibility > Display & Text Size > Larger Text: enabled larger text and increase the font size a noticeable amount.

Add a simple header button as shown in the repo README. The button text scales at the same rate as other text in the app, which is not how the system scales header text. Header text scales more slowly. Additionally, there is a bug in either Expo or React Navigation that causes other header text to not be scaled at all. So we end up with a button with fully scaled text next to other header text that isn't scaled at all. Here's a screenshot:

Image

Here's a screenshot of Apple Health, which demonstrates how the header text should be handled:

Image

I recommend that, since Expo/React Navigation are not scaling text at all, that this library do the same. It's as simple as passing allowFontScaling={false} in defaultRenderVisibleButton.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions