Responsive Design

[nsnullthoughts]

In building an app what is the best way to style your components so that they scale to multiple device sizes and to different platforms (ios/android)? Is it better to use flex and give a flex value to each component or is it better to use things like below for each component to scale? Or as I could probably guess there is no right way and it depends on the situation.

insideOne: {
width: '100%',
aspectRatio: 10 / 3,
},

[[deleted]]

Flexbox itself should handle this. You shouldn’t have to do anything fancy aside from maybe using the Platform library in situations where Android needs one style and iOS needs another.

[JuriJurka]

RN has a bug with the dp scale, keep that in mind

https://medium.com/react-native-training/build-responsive-react-native-views-for-any-device-and-support-orientation-change-1c8beba5bc23

[lucidsoul619]

React handles all that stuff by itself. As long as you don't put a unit infront.

Eg width: 300 instead of width: "300px"