Jetpack Compose Counter App - Jetpack-compose Typing CST Test

Jetpack Compose Counter App — Jetpack-compose Code

A simple counter app with increment, decrement, and reset buttons.

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.*
import androidx.compose.material.*
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
		CounterApp()
		}
	}
}

@Composable
fun CounterApp() {
	var count by remember { mutableStateOf(0) }
	Column(modifier = Modifier.padding(16.dp), verticalArrangement = Arrangement.spacedBy(16.dp)) {
		Text("Counter: $count", style = MaterialTheme.typography.h4)
		Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
		Button(onClick = { count++ }) { Text("+") }
		Button(onClick = { count-- }) { Text("-") }
		Button(onClick = { count = 0 }) { Text("Reset") }
		}
	}
}

Jetpack-compose Language Guide

Jetpack Compose is Android’s modern toolkit for building native UI using Kotlin, offering a declarative approach to designing app interfaces and simplifying UI development for Android.

More Jetpack-compose Typing Exercises

Practice Other Languages