Compose 组件:Row 核心参数

14 阅读1分钟

本文内容来自扔物线课程的学习总结。

  1. horizontalArrangement

image.png 2. verticalAligment

image.png

上述是集体规则,子组件可通过 modifier 调整个体规则

  1. modifier.weight 调整主轴剩余空间占比(会让集体规则失效)

  1. modifier.alight 调整交叉轴位置(不会让集体规则失效)

  1. modifier.alignByBaseline 使得基线对齐

使用 alignByBaseline,让文案基线对齐。但会造成一个问题:文案位置会置顶,尽管集体规则设置了 Bottom,只能通过 padding 调整。

  1. modifier.alignBy 为任意组件设置基线

例如,我为一个 Box 设置基线为底部,那么它的底部就会和文案基线对齐。