React-Native: Text is rendering differently in different mobile phones

Question

This is the style I ma using to render Text

 TEXT_B16: {
    fontFamily: 'OpenSans-Bold',
    fontWeight: fontWeight,
    fontSize: 16,
    lineHeight: 22,
},

And output is as follows,

Samsung

One plus

iPhone 12 Pro Max

iPhone 6

even though Styling is same, fontSize and fontWeight are different in different screens.

Is it the natural thing that happens in mobile apps or is there any way to bring some uniformity across multiple devices?

(Please excuse for bigger images. If I compress then it would be difficult to identify differences)

Thank You.

Answer 1

In your text component disable allowFontScaling

<Text allowFontScaling={false} />