如何用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參數。