Percentage units (%) support on fontSize style property 🚀

[lgxm3z]

Introduction

One of the challenges of designing for mobile devices is ensuring that text is legible and visually consistent across different screen sizes and resolutions. One way to improve the flexibility and responsiveness of our designs is by allowing for the use of percentage units on the fontSize style property in React Native.

Allowing percentage units on the fontSize property would make it easier to create designs that look and feel consistent across different screen sizes and resolutions. It would also allow for greater dynamic and adaptive UI elements. This feature will also be align with some properties like width and height that already support percentage units.

Code example

<Text allowFontScaling={false} style={{fontSize: '50%'}}>
  Some Text
</Text>

[mtch99]

What would be the reference for that percentage?
Would it be a base fontSize value, or the screen?