【Android Compose】Compose 如何设置组件的宽高

在 Compose 中，可以使用多种方法来设置可组合项的宽高。 以下是一些常用的方法：

1. 使用 Modifier.size
   Modifier.size 是最直接的方法，它允许为可组合项设置固定的宽度和高度。

Box(
    modifier = Modifier.size(100.dp) // 设置宽高为 100dp
)

2. 使用 Modifier.width 和 Modifier.height
   如果只想设置宽度或高度，可以使用 Modifier.width 和 Modifier.height。

Box(
    modifier = Modifier
        .width(100.dp) // 设置宽度为 100dp
        .height(50.dp)  // 设置高度为 50dp
)

3. 使用 Modifier.fillMaxWidth 和 Modifier.fillMaxHeight
   Modifier.fillMaxWidth 和 Modifier.fillMaxHeight 可以使可组合项填充其父级布局的可用宽度或高度。 可以使用 fraction 参数指定填充的比例。

Box(
    modifier = Modifier
        .fillMaxWidth() // 填充父级宽度
        .fillMaxHeight(0.5f) // 填充父级高度的 50%
)

4. 使用 Modifier.wrapContentSize
   Modifier.wrapContentSize 可以使可组合项根据其内容自动调整大小。 可以使用 Alignment 参数指定内容的对齐方式。

Box(
    modifier = Modifier.wrapContentSize(Alignment.Center) // 自动调整大小，内容居中
)

5. 使用 Modifier.requiredSize
   Modifier.requiredSize 类似于 Modifier.size，但它会强制可组合项具有指定的尺寸，即使其内容需要更大的空间。

Box(
    modifier = Modifier.requiredSize(100.dp) // 强制宽高为 100dp
)

选择哪种方法？
如果需要设置固定的宽高，请使用 Modifier.size 或 Modifier.width 和 Modifier.height。
如果需要填充父级布局的可用空间，请使用 Modifier.fillMaxWidth 和 Modifier.fillMaxHeight。
如果需要可组合项根据其内容自动调整大小， 请使用 Modifier.wrapContentSize。
如果需要强制可组合项具有指定的尺寸，请使用 Modifier.requiredSize。