iOS: font sizes in a React Native view do not match iOS native font sizes

Question

I have two views: a React Native view and an iOS native view. They both contain labels. Labels has font size 14. But on iPhone 6 font sizes are different: the iOS native view has bigger letters than a React Native view. I need to make the fonts the same. Could you help me, please?

Community · Accepted Answer · 2017-05-23 12:00:34Z

2

Fixed. The reason of the issue was the following: a text size was changed on the iPhone in Settings -> Display & Brightness -> Text Size. React Native supports Dynamic Type, but the application hardcoded the text size in the native code. To fix the issue it is needed to support Dynamic Type on the native app side. See details about how to support it here: How to use a custom font with dynamic text sizes in iOS7

edited May 23, 2017 at 12:00

CommunityBot

11 silver badge

answered Mar 13, 2017 at 14:42

Dmytro Skorokhod

4629 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Karenloh · Accepted Answer · 2020-03-02 22:36:07Z

0

I had the same problem.

try this:

<Text allowFontScaling={false}>
      Hi! I will not change. I don't respect settings.
</Text>

I found it here: https://joshbuchea.com/react-native-text-size-font-scaling.

answered Mar 2, 2020 at 22:36

Karenloh

276 bronze badges

Collectives™ on Stack Overflow

iOS: font sizes in a React Native view do not match iOS native font sizes

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related