A Mini-Course on React Native Flexbox ✨

Flexbox solves design issues that are particularly challenging on mobile, and it does so strikingly well — without requiring hacky CSS or Javascript tricks. 🗂

But there’s a learning curve.
The property names all sound incredibly similar and do nothing to indicate what sets them apart. ↔️

On top of that, each property has a set of values that are mostly similar, yet slightly different, from each other. And to compound the confusion, not all properties of the Flexbox standard are included in React Native. 🌀

This can cause surprises when you try to follow regular CSS documentation, only to discover that React Native doesn’t implement a particular feature, such as reverse flex❗️

To help make it easier to internalize the rules of Flexbox, I’ve decided to write the guide that I would have liked to read — with the underlying concepts explained and simple examples along the way. 👾

Doodle along with me and get comfortable solving design scenarios with Flexbox. 💎


https://t.me/pgimg/125

[ Article ] : bit.do/rnat

〰〰〰〰〰〰
#ReactNative #Design
@ProgrammingTip