Columns in Jetpack

Overview

Columns are used to set views vertically.

• Some Example of Column

 setContent {
    Column() {
        Text(text = "Hello Raaj!")
        Text(text = "Welcome to the world of Jetpack Compose")
    }
 }

 setContent {
    Column(
        modifier = Modifier.background(Color.Gray) ,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Text(text = "Hello Raaj!")
        Text(text = "Welcome to the world of Jetpack Compose")
    }
 }

setContent {
    Column(
        modifier = Modifier
            .background(Color.Gray)
            .fillMaxSize() ,
        horizontalAlignment = Alignment.CenterHorizontally ,
        verticalArrangement = Arrangement.Center
    ) {
        Text(text = "Hello Raaj!")
        Text(text = "Welcome to the world of Jetpack Compose")
    }
}

• 
  

Reference

1. https://www.youtube.com/watch?v=cDabx3SjuOY&list=PLQkwcJG4YTCSpJ2NLhDTHhi6XBNfk9WiC&index=1
   
2. https://joebirch.co/android/exploring-jetpack-compose-column/
   
3. https://compose.academy/layout/column