Kotlin

Jetpack Compose — Basic Composable

admin by @admin ADMIN
1d ago
Jun 1, 2026
Public
0 0 up · 0 down Sign in to vote
Compose is Android's modern declarative UI toolkit. A `@Composable` function describes UI; the runtime re-runs it when inputs change. Replaces XML layouts entirely.
Kotlin
Raw
import androidx.compose.foundation.layout.*
import androidx.compose.material3.*
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Column(modifier = modifier.padding(16.dp)) {
        Text(
            text = "Hello, $name!",
            style = MaterialTheme.typography.headlineMedium
        )
        Text("Welcome to Compose.", style = MaterialTheme.typography.bodyMedium)
    }
}

@Composable
fun Counter() {
    var count by remember { mutableStateOf(0) }      // local state
    Column {
        Text("Count: $count")
        Button(onClick = { count++ }) {
            Text("Increment")
        }
    }
}
Tags

Save your own code snippets

Create a free account and build your private vault. Share publicly whenever you want.