27 | 如何用 Flexbox 思路开发?跟自动布局比,Fle
2020-07-07 本文已影响0人
阳明先生x
你很有可能不知道Flexbox 是啥,但一定不会对 React Native、Weex 和 Texture(AsyncDisplayKit) 感到陌生,而Flexbox就是这些知名布局库采用的布局思路。不可小觑的是,苹果公司官方的UIStackView,也是采用Flexbox思路来实现布局的。
通过 Masonry和 SnapKit这些第三方库,自动布局的易用性也有了很大提升。而且iOS 12 以后,苹果公司也已经解决了自动布局在性能方面的问题(这里,你可以再回顾下前面第4篇文章《Auto Layout 是怎么进行自动布局的,性能如何?》中的相关内容)。
其一,自动布局思路本身还可以再提高。Flexbox 比自动布局提供了更多、更规范的布局方法,布局方式考虑得更全面,使用起来也更加方便。同时,苹果公司基于 Flexbox 的布局思路,又在自动布局之上封装了一层 UIStackView。
其二,针对多个平台的库需要使用更加通用的布局思想。Flexbox 在2009年被 W3C 提出,可以很简单、完整地实现各种页面布局,而且还是响应式的,开始被应用于前端领域,目前所有浏览器都已支持。后来通过 React Native 和 Weex 等框架,它被带入到客户端开发中,同时支持了 iOS 和 Android。