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

Question

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

Вот мой код

       Column(
        modifier = modifier
            .fillMaxSize()
    ) {
        Column(
            modifier = modifier
                .fillMaxWidth()
                .background(colorResource(id = R.color.purple_700))
                .weight(2.0f),
            horizontalAlignment = Alignment.CenterHorizontally,
            verticalArrangement = Arrangement.Center
        ) {
            // Do I add the box here?
            Image(
                painter = painterResource(id = R.drawable.ic_launcher_background),
                contentDescription = "Logo"
            )
            Text(
                text = "Sign in to Continue",
                color = (colorResource(id = R.color.white)),
                fontSize = 28.sp,
                modifier = Modifier.padding(8.dp)
            )
        }
        Card(
            shape = RoundedCornerShape(topStart = 32.dp, topEnd = 32.dp),
            modifier = modifier
                .fillMaxWidth()
                .weight(5.0f), elevation = 8.dp
        ) {
            Column(
                modifier = modifier
                    .fillMaxSize()
                    .padding(horizontal = 16.dp)
                    .scrollable(scrollState, Orientation.Vertical),
                horizontalAlignment = Alignment.CenterHorizontally

            ) {

// then some outlinedText
}

Answer 1

Просто добавьтеbackgroundмодификатор кCard.

      Card(
   modifier = Modifier.background(colorResource(id = R.color.purple_700))
   //....
)