Widgets Used in composables - devrath/urban-octo-jetpack-compose Wiki

Contents
Row & Columns
Spacer
Box
Surface

Row & Columns

// Adding rows
@Composable
private fun CurrentScreen() {
    CodeTheme {
        Surface(color = MaterialTheme.colors.background) {
           Row() {
               Text(text = "Text1")
               Text(text = "Text2")
           }
        }
    }
}
// Adding column
@Composable
private fun CurrentScreen() {
    CodeTheme {
        Surface(color = MaterialTheme.colors.background) {
           Column() {
               Text(text = "Text1")
               Text(text = "Text2")
           }
        }
    }
}

Spacer

Column(Modifier.background(Color.Gray).fillMaxSize()
            ) {
                Text(
                    modifier = Modifier.background(Color.Magenta), text = "Text1", style = TextStyle(color = Color.White)
                )
                Spacer(modifier = Modifier.height(10.dp))
                Text(
                    modifier = Modifier.background(Color.Blue), text = "Text2", style = TextStyle(color = Color.White)
                )
            }

Box


Surface

 Surface(
            color = MaterialTheme.colors.onPrimary,
            border = BorderStroke(1.dp, MaterialTheme.colors.secondary),
            shape = RoundedCornerShape(8.dp),
            elevation = 8.dp
        ) {
            Text(
                text = "example",
                modifier = Modifier.padding(8.dp)
            )
        }