Skip to main content

Flex Direction

Usage​

Please refer to the

documentation on the Tailwind CSS website

tip

React Native has a different default flex direction to web. We highly recommend explicting setting the Flex Direction on your components.

Example​

Compatibility​

ClassNative (StyleSheet)Web (CSS)
flex-row✅✅
flex-row-reverse✅✅
flex-col✅✅
flex-col-reverse✅✅
Legend

Class​

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon​

✅ Full support

✔️ Partial support

❌ Not supported