【Jetpack Compose】paddingで指定した余白に背景色が適用されない

概要

Cardの背景の色指定をしたのですが、paddingで指定した余白の分だけ背景の色の塗りつぶしができませんでした。

コードとプレビュー

card.kt

    Card{
        Text(
            modifier = Modifier
                .padding(start = 10.dp, end = 10.dp)
                .background(color = Color.Yellow),
            text = "先攻プレイヤー",
            fontSize = 30.sp
        )
    }

原因

Modifierの順番に問題があったようで、先にpaddingを決めてしまうと、余白には背景色が適用されなかった

解決後.kt

    Card{
        Text(
            modifier = Modifier
                .background(color = Color.Yellow),
                .padding(start = 10.dp, end = 10.dp)
            text = "先攻プレイヤー",
            fontSize = 30.sp
        )
    }