Android Jetpack Compose - заполните изображение максимальным размером с рамкой вокруг изображения

Я новичок в создании Android. Я хочу поместить изображение с границами, похожими на этот код.

изображение для предварительного просмотра

      Column(
    verticalArrangement = Arrangement.Bottom,
    horizontalAlignment = Alignment.CenterHorizontally,
    modifier = Modifier
        .padding(36.dp)
        .fillMaxSize()
) {
    Image(
        painter = painterResource(id = R.drawable.dice),
        contentDescription = null,
        modifier = Modifier
            .border(
                BorderStroke(2.dp, Color.Black)
            )
            .padding(36.dp)
            .border(
                BorderStroke(2.dp, Color.Green)
            )
    )
}

Я хочу переместить изображение в центр и заполнить его до максимального размера, используя этот код.

изображение для предварительного просмотра

      Column(
    verticalArrangement = Arrangement.Bottom,
    horizontalAlignment = Alignment.CenterHorizontally,
    modifier = Modifier
        .padding(36.dp)
        .fillMaxSize()
) {
    Image(
        painter = painterResource(id = R.drawable.dice),
        contentDescription = null,
        modifier = Modifier
            .weight(1f)
            .fillMaxSize()
            .border(
                BorderStroke(2.dp, Color.Black)
            )
            .padding(36.dp)
            .border(
                BorderStroke(2.dp, Color.Green)
            )
    )
}

И граница растягивается, пока не заполнит размер столбца, но я этого не хочу. Как сделать границу такой же, как в первом коде, но использовать модификатор? мне нужноfillMaxSizeмодификатор, потому что изображение может меняться динамически. Спасибо вам всем.

1 ответ

модификатор = модификатор )

Другие вопросы по тегам