dengfuma的专栏

定位方式（Position）用于定义节点在弹性容器（flex container）中的布局行为，核心影响节点是否参与弹性流布局、是否占据空间以及偏移规则。

内容对齐（Justify Content）用于描述容器内子元素如何沿主轴（main axis）对齐。例如，当容器的弹性方向（flex direction）设为水平排列（row）时，可通过该属性让子元素水平居中；当弹性方向设为垂直排列（column）时，则可让子元素垂直居中。jsx。

属性会在弹性容器的行与列之间添加间距。你可以指定间距仅作用于行之间、仅作用于列之间，或同时作用于行和列之间。若节点设置了固定尺寸，且定义了相对的两个边缘的偏移量（例如，同时为右边缘和左边缘分配了数值），则左边缘和上边缘的偏移量具有优先级。上的总尺寸超出容器尺寸时的处理方式。默认情况下，子元素会被强制排列在同一行（可能导致子元素被缩小）。当启用换行后，可通过。属性指定多行子元素在容器中的排布方式。属性用于设置在容器上，控制当子元素在。

Display 控制节点应遵循的布局规范。Flex（默认值）：遵循 CSS 弹性盒模型（CSS Flexible Box Model）规范。None：节点会从布局树中移除，且不可见。

属性用于定义在交叉轴上的分布方式，该属性仅在通过flexWrap开启项目换行、形成多行布局时才会生效。

在实际应用中，常会遇到部分内容的尺寸依赖于 Yoga 无法表达的因素的情况，这类内容通常包括文本，或是使用其他系统进行渲染和布局的视图。而在后续的布局计算中，只要父节点的约束条件未发生改变，所有非 “脏” 状态的节点都会被跳过，不参与此次布局计算。包含块并非 Yoga 专属概念，在网页领域也存在该概念，但由于 Yoga 仅实现了网页浏览器功能的一个子集，其包含块的行为更为简化，因此有必要以不同的角度来阐释它。节点最终的内容尺寸应从节点的布局计算结果中读取，而非缓存测量函数的返回值。

在历史版本中，Yoga 存在一些不符合行业标准的行为，这会导致其布局效果与网页浏览器中的样式布局产生差异。这些结果包括节点相对于其父节点边框盒的偏移量、自身尺寸，以及各物理方向上外边距（margin）、边框（border）和内边距（padding）的最终解析值。一份配置会绑定到特定的 Yoga 节点上，这使得 Yoga 节点树中不同部分在布局计算时能采用不同的行为规则。Java 环境下的 Yoga 节点树若要实现从右到左（RTL）的布局，可通过设置根节点的。整个 Yoga 节点树的布局会一次性完成计算。

Yoga是一个嵌入式布局系统，专注于弹性盒模型（Flexbox），主要用于确定UI元素的尺寸和位置。它支持部分CSS特性，可跨平台实现代码共享。采用C++编写并提供C接口，通过绑定层支持多种语言调用。Yoga不涉及绘制功能，而是作为底层布局引擎被ReactNative等UI框架集成使用。