RN Flexbox Playground

Visually explore React Native flexbox properties and output.

Flex Parameters

Model mobile layouts

Flex Direction
Justify Content
Align Items
Flex Wrap
Node Count3
1
2
3
Blueprint Declaration
flex: 1,
flexDirection: "column",
justifyContent: "center",
alignItems: "center",
flexWrap: "nowrap",