Row 内元素的重力 (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

您可以Row在Arrangement.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))
}