美文网首页
27 | 如何用 Flexbox 思路开发?跟自动布局比,Fle

27 | 如何用 Flexbox 思路开发?跟自动布局比,Fle

作者: 阳明先生_X自主 | 来源:发表于2020-07-07 15:53 被阅读0次

你很有可能不知道Flexbox 是啥,但一定不会对 React Native、Weex 和 Texture(AsyncDisplayKit) 感到陌生,而Flexbox就是这些知名布局库采用的布局思路。不可小觑的是,苹果公司官方的UIStackView,也是采用Flexbox思路来实现布局的。

通过 MasonrySnapKit这些第三方库,自动布局的易用性也有了很大提升。而且iOS 12 以后,苹果公司也已经解决了自动布局在性能方面的问题(这里,你可以再回顾下前面第4篇文章《Auto Layout 是怎么进行自动布局的,性能如何?》中的相关内容)。
其一,自动布局思路本身还可以再提高。Flexbox 比自动布局提供了更多、更规范的布局方法,布局方式考虑得更全面,使用起来也更加方便。同时,苹果公司基于 Flexbox 的布局思路,又在自动布局之上封装了一层 UIStackView。

其二,针对多个平台的库需要使用更加通用的布局思想。Flexbox 在2009年被 W3C 提出,可以很简单、完整地实现各种页面布局,而且还是响应式的,开始被应用于前端领域,目前所有浏览器都已支持。后来通过 React Native 和 Weex 等框架,它被带入到客户端开发中,同时支持了 iOS 和 Android。

相关文章

  • 27 | 如何用 Flexbox 思路开发?跟自动布局比,Fle

    你很有可能不知道Flexbox 是啥,但一定不会对 React Native、Weex 和 Texture(Asy...

  • FlexBox布局全解

    前言 FlexBox是css3的一种新的布局方式,天生为解决布局问题而存在的它,比起传统的布局方式,我们使用Fle...

  • 盒子模型(flex弹性布局)

    1、Flexbox布局方式 传统的盒模型:简单,但在处理实现诸如垂直居中、弹性宽度和高度等特性时会极为麻烦。Fle...

  • 【OC梳理】自动布局

    自动布局基础篇 关于自动布局的基本使用,参考网上的文章即可,如:iOS开发-自动布局篇:史上最牛的自动布局教学! ...

  • React-Native中的Flexbox布局

    RN 的 Flexbox 布局的学习笔记 1.什么是 Flexbox 布局? Flexbox,弹性布局,可以以响应...

  • FlexBox布局

    FlexBox 在开发中能够解决下面等问题 浮动布局水平和垂直居中自动分配宽度各种机型屏幕适配动态分配子集的尺寸、...

  • Autolayout与UIScrollView

    在iOS开发中的Autolayout比较盛行时,需要掌握一些自动布局的技巧。其中属ScrollView的自动布局比...

  • 03.ASDK整理:常用布局

    ASDK布局使用Flexbox方式布局。 Flexbox 验证:http://nguyenhuy.github.i...

  • Flexible Box 布局与小程序开发

    Flexible Box 布局与小程序开发 参考资料:1.A Complete Guide to Flexbox ...

  • ReactNative开发-FlexBox布局

    前言 看过很多关于FlexBox布局的文章,但绝大部份都讲的多而乱,我初学的时候也是看的一脸懵逼。所以打算自己总结...

网友评论

      本文标题:27 | 如何用 Flexbox 思路开发?跟自动布局比,Fle

      本文链接:https://www.haomeiwen.com/subject/zyaaqktx.html