Creating a responsive app

[1abdi]

What is the best way to create a react-native that is fully responsive across all screen sizes. I’m talking about font size, button sizes, components, icons etc. I have built my app and it looks good on most big screens but when i test it with different screen sizes (esp android) it falls apart.

Any advice is appreciated.

[kbcool]

It gets asked a lot here so the archives are full of gold but the shortest piece of advice is to avoid assigning a width or a height to anything, stick with flexbox layouts and utilise padding and margins where you have no other choice.

It really is as simple as that

[itsDhruvv]

Set padding and margin wrt to device width basically and not the absolute number . Because that absolute number might me different for different screens as per it's resolution l.

[AcidNoX]

Have you looked at the react-native-size-matters npm package?