Yoga官方版是一款可以在多種不同平臺上進行使用的布局引擎,這款軟件能夠在任何平臺上構建靈活的布局,并且我們還可以通過Yoga免費版來輕松地完成跨平臺協作。
Yoga是一個基于Flexbox的跨平臺布局引擎,能使布局工作更輕松。
Yoga 作為一個通用的布局系統,來代替iOS上的AutoLayout 或 web 上的 Cascading Style Sheets (CSS)。
最初是Facebook在2014年推出的一個CSS布局的開源庫,2016年改版并更名為Yoga。Yoga 支持多個平臺,包括 Java、C#、C 和 Swift。
庫開發者可以集成Yoga到布局系統,就如 Facebook 已經集成進React Native/Litho/Componentkit。Yoga 也是一個 iOS 開發者可以直接用來布局視圖的框架。
提供了各種各樣的控件和功能,比如。
一個元素的位置類型定義了它在其父元素中的位置。
對齊內容定義了沿十字軸的線條分布。只有當使用柔性包覆將項目包覆到多行時,該功能才會生效。
對齊項目描述了如何沿著容器的橫軸對齊子項目。
AspectRatio是Yoga引入的一個屬性,在css flexbox規范中不作為一個可設置的屬性存在。
Flex方向控制節點的子節點的布局方向。
容器上設置了flex wrap屬性,并控制當子代沿主軸溢出容器的大小時發生的情況。
Justify內容描述了如何在其容器的主軸內對齊子代。