react-native-size-matters VS react-native-responsive-fontSize

use some of the responsive library like https://github.com/nirsky/react-native-size-matters and https://www.npmjs.com/package/react-native-responsive-screen so your screen will reflect on every screen size

Flex and React Native Size Matters.

You can check out this library: https://github.com/nirsky/react-native-size-matters inspect it and see how they achieve responsiveness :-)

Always use '%' sizing when possible. When it isn't possible, use https://github.com/nirsky/react-native-size-matters. Not a perfect solution, but the best one out there. I still try to find a better way than this lib.

`moderateScale` function also works, from https://github.com/nirsky/react-native-size-matters library.

Generally, you need to compute the font size to use based on the size of the screen. A lib like this can make it easy: https://github.com/nirsky/react-native-size-matters

When developing with React Native, you need to manually configure your app to look great on different screen sizes. This is a tedious job, so react-native-size-matters provides some simple tools that make scaling a lot easier. The idea is to design once on a standard mobile device with ~ 5 "screen and then just apply the utilities provided, so the artboard size in Sketch for the design is 320x568px.

I mostly get the job done with just flexbox, it's very powerful, as for the few cases where my layouts look huddled up or clip together, I use these functions to scale them to other screen sizes.

A great package that focuses on font sizing to device width / heights is https://github.com/heyman333/react-native-responsive-fontSize and you may find using this around your app and letting things flex naturally in more areas you get the effect you're after. Good luck!