行内元素的重力（Jetpack Compose）

Question

如何设置 Row 中元素的重力？ 我的行中有两个图像组合。我希望第一个图像位于行的开头，下一个元素位于行的末尾。

我已经尝试过：

Row(Modifier.fillMaxWidth()) {

    Image(
        painter = painterResource(id = R.drawable.logo_voodlee),
        contentDescription = "logo",
        modifier = Modifier
            .width(with(LocalDensity.current) { dimensionResource(id = R.dimen._100sdp) })
            .height(with(LocalDensity.current) { dimensionResource(id = R.dimen._55sdp) })
            .offset(x = with(LocalDensity.current) { dimensionResource(id = R.dimen._16sdp) }),
    )

    Image(
        painter = painterResource(id = R.drawable.ic_menu),
        contentDescription = "logo",
        modifier = Modifier
            .width(with(LocalDensity.current) { dimensionResource(id = R.dimen._19sdp) })
            .height(with(LocalDensity.current) { dimensionResource(id = R.dimen._19sdp) })
        ,
    alignment = CenterEnd //This is not working
    )
}

但它不起作用。

Answer 1

您可以在RowArrangement.SpaceBetween申请

Row(
    Modifier.fillMaxWidth(),
    horizontalArrangement = Arrangement.SpaceBetween
) {
    /* ... */
    Box(Modifier.width(50.dp).height(50.dp).background(Red))
    Box(Modifier.width(50.dp).height(50.dp).background(Blue))
}