軟件介紹

Yoga官方版是一款可以在多種不同平臺上進(jìn)行使用的布局引擎，這款軟件能夠在任何平臺上構(gòu)建靈活的布局，并且我們還可以通過Yoga免費(fèi)版來輕松地完成跨平臺協(xié)作。

Yoga官方版軟件簡介

Yoga是一個(gè)基于Flexbox的跨平臺布局引擎，能使布局工作更輕松。

Yoga 作為一個(gè)通用的布局系統(tǒng)，來代替iOS上的AutoLayout 或 web 上的 Cascading Style Sheets (CSS)。

最初是Facebook在2014年推出的一個(gè)CSS布局的開源庫，2016年改版并更名為Yoga。Yoga 支持多個(gè)平臺，包括 Java、C#、C 和 Swift。

庫開發(fā)者可以集成Yoga到布局系統(tǒng)，就如 Facebook 已經(jīng)集成進(jìn)React Native/Litho/Componentkit。Yoga 也是一個(gè) iOS 開發(fā)者可以直接用來布局視圖的框架。

軟件功能

提供了各種各樣的控件和功能，比如。

一個(gè)元素的位置類型定義了它在其父元素中的位置。

對齊內(nèi)容定義了沿十字軸的線條分布。只有當(dāng)使用柔性包覆將項(xiàng)目包覆到多行時(shí)，該功能才會(huì)生效。

對齊項(xiàng)目描述了如何沿著容器的橫軸對齊子項(xiàng)目。

AspectRatio是Yoga引入的一個(gè)屬性，在css flexbox規(guī)范中不作為一個(gè)可設(shè)置的屬性存在。

Flex方向控制節(jié)點(diǎn)的子節(jié)點(diǎn)的布局方向。

容器上設(shè)置了flex wrap屬性，并控制當(dāng)子代沿主軸溢出容器的大小時(shí)發(fā)生的情況。

Justify內(nèi)容描述了如何在其容器的主軸內(nèi)對齊子代。