Flex position in native vs web

How to position in native app vs web app ?

Play this article

All of you have heard about flex property , it is a css positioning property. To align items in flex mode we use justify-content and align-items property. But the result of both will be different on mobile(native apps) vs desktop(web apps), if your are using react native stylesheet for mobile apps and css for web app.

Let's understand the use of both the property

justify-content: to align item in primary axis

align-items: to align item in secondary axis

As the primary and secondary axis on both react-native(stylesheet) and web(css) are different .


Therefore you should apply this property keeping in mind about the axis.