如何用jetpack compose把卡片放到底部？

Question

我正在尝试将卡片放在地图视图的顶部。 我希望卡片靠近底部。

我使用了盒子布局并将地图和卡片放入其中。 但是我只知道 contentAlignment 来排列里面的组件。 现在我将卡片集中显示在地图上方。 我该如何解决？ 需要什么样的布局设置？

我想要什么我得到什么

我的代码。

Box(
    contentAlignment = Alignment.Center
) {
    MapScreen()
    Card(
        modifier = Modifier
            .width(380.dp)
            .height(350.dp),
        elevation = 10.dp,
        shape = RoundedCornerShape(15.dp)
    )
    {
        Column(
            Modifier.fillMaxSize(),
            horizontalAlignment = Alignment.CenterHorizontally
        )
        {
            Spacer(modifier = Modifier.height(10.dp))
            Recomendationm(indicatorValue = value)
            Text("Here")
        }
    }
}

Answer 1

在您的Card中，您可以使用align修饰符来覆盖父Box定义的contentAlignment ：

Box(
    modifier = Modifier.fillMaxSize(),
    contentAlignment = Alignment.Center
) {
    //..
    Card(
        modifier = Modifier
            .width(380.dp)
            .height(350.dp)
            .align(BottomCenter),
    //...
}

如文档中所述：

将内容元素拉到Box中的特定Alignment 。 此对齐方式将优先于Box的alignment参数。