How can I align one item in the column to the top and other items to the center? ``` var show...

# compose

[Mehdi Haghgoo]

How can I align one item in the column to the top and other items to the center?

var showMessage by remember { mutableStateOf(false) }

        Column (verticalArrangement = Arrangement.Center, horizontalAlignment = Alignment.CenterHorizontally, modifier = Modifier.background(Color.Red).size(200.dp)){

            if (showMessage) {
                BasicText(
                    "You Pressed The Button",
                    style = TextStyle.Default.copy(fontStyle = FontStyle.Italic),
                )
            }


            Button(
                onClick = { showMessage = !showMessage },
            ) {
                BasicText("Show")
            }



        }

    }

Currently, the problem is both Text and Button are fighting to be in the center of Column.

[Denis]

Try to make a nested layout (Column or Row maybe)

[Kshitij Patil]

You need to use Box for that.