1、背景

iOS、Android、web都有自己的布局系统：

iOS:自动布局 autolayout。
Android：容器布局系统。
Web端有基于CSS的布局系统。

多种布局系统共存所带来的弊端是很明显的，平台间的共享变得很困难，而每个平台都需要专人来开发维护，增加了开发成本和学习成本。
Flexbox是一种新的布局方式，这种布局方式是2009年W3C提出的方案。注意：它是一种规范，需要各个平台去实现。
它可以简便，完整，完成页面的布局，传统的布局依赖于屏幕的宽度和高度，或者依赖于计算的百分比，但是flex则是直接按照比例关系进行布局展示。
web端被各大浏览器实现支持FlexBox规范。Android和iOS使用各自不同布局系统。
Facebook在React Native跨平台框架中实现了FlexBox规范，这样在三端实现了布局的一致性。
React Native的跨平台布局系统如今单独拿出来开源，取名为yoga。