首页 > 解决方案 > 如何在一行中的两个元素之间设置 Spacer

问题描述

如何在一行中的两个元素之间使用 Spacer 填充,让一个元素在行的开头,另一个元素在行尾?

Row {
    Text("Start")
    Spacer(modifier = Modifier.SpaceBetween)  // How to set the modifier
    Text("End")
}

标签: androidandroid-jetpack-compose

解决方案


1.0.xModifier.SpaceBetween存在。

您可以在应用时使用该horizontalArrangement参数。此参数放置子项,使它们在主轴上均匀分布,在第一个子项之前或最后一个子项之后没有可用空间。RowArrangement.SpaceBetween

Row( modifier = Modifier.fillMaxWidth(),
        horizontalArrangement = Arrangement.SpaceBetween
    ) {
    Text("Start")
    Text("End")
}

作为替代方案,您可以将weight(1f)应用于Spacer.
就像是:

Row (modifier = Modifier.fillMaxWidth()) {
    Text("Start")
    Spacer(Modifier.weight(1f))
    Text("End")
}

在此处输入图像描述


推荐阅读