Guide to understand Flex-box in react-native (if you are a web developer)

#reactnative #react #mobiledev #flexbox

If you are coming from web development background and your ultimate goal is to learn react-native now then this flex-box cheat sheet guide is surely for you.

As a react developer, I got slightly confused working with flex-box in react-native, so I created this cheat sheet 👆

There are few differences I want to conclude:

Flex-direction: row (by default in browser), Flex-direction: column (by default in react-native).
By default 'div' doesn't have flex in browser, whereas in react native's 'View' flex-box is already applied.
As you can see main points in cheat sheet, if you want to align things in main-axis then use justifyContent.
If you want to align things in cross-axis then use alignItems.

That's all for now, I hope you have enjoyed this :)