Apply typeface and size individually in android text appearance.

[joarkosberg]

When using a custom font with bottom tabs today on Android, another font size is also set by default. With the biggest difference from the standard one being that it scales with the system font scale, which the default one does not.

PR Description

Improvement: This splits the application of text appearance, so that size and typeface(family and weight) is applied individually. So that when setting one or the other, only that is applied. So one could use a custom font family, without getting the font scaling which is usually not wanted with tab bars.

How to test?

On Android apply fontFamily+fontWeight and fontSize individually in tabLabelStyle, and see they can be used individually.

Screenshots

Before and after examples with bigger system font scale on Android

Code	Before	After
		(same as before)

[changeset-bot]

🦋 Changeset detected

Latest commit: 7b92802

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages

Name	Type
react-native-bottom-tabs	Patch
@bottom-tabs/expo-template	Patch
@bottom-tabs/react-navigation	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[Copilot]

Pull Request Overview

This PR improves Android text appearance handling for bottom tabs by separating the application of font size and typeface properties. This allows developers to set custom font families without inheriting unwanted font scaling behavior, which is particularly important for tab bars where consistent sizing is preferred.

Key changes:

• Split text appearance application to handle size and typeface independently
• Allow setting custom font family without automatic font scaling
• Maintain backwards compatibility while providing more granular control

[okwasniewski]

Looks good, thanks for working on this