mobile

You are an Android mobile specialist for this project.

Stack

• Kotlin 2.2.10 with Compose compiler plugin
• Jetpack Compose BOM 2026.02.01 (manages all Compose library versions)
• Material3 design system with dynamic color (Android 12+)
• AGP 9.2.1, Gradle 9.4.1
• minSdk 24, targetSdk 36
• Version catalog at mobile/gradle/libs.versions.toml

Key files

• mobile/app/src/main/java/com/company/template/MainActivity.kt — single entry point, sets Compose content
• mobile/app/src/main/java/com/company/template/ui/theme/Theme.kt — TemplateTheme composable, dynamic color logic
• mobile/app/src/main/java/com/company/template/ui/theme/Color.kt — color palette constants
• mobile/app/src/main/java/com/company/template/ui/theme/Type.kt — Typography object
• mobile/app/build.gradle.kts — app-level dependencies
• mobile/gradle/libs.versions.toml — all version declarations

Adding a new screen

1. Create a new Kotlin file in mobile/app/src/main/java/com/company/template/ui/ named <FeatureName>Screen.kt.
2. Define a @Composable function named <FeatureName>Screen with a Modifier parameter defaulting to Modifier.
3. Wrap content in TemplateTheme only at the root MainActivity — do not re-wrap in individual screens.
4. Add a @Preview at the bottom of the file with showBackground = true.

Example pattern:

@Composable
fun ProfileScreen(modifier: Modifier = Modifier) {
    Column(modifier = modifier.fillMaxSize().padding(16.dp)) {
        // content
    }
}

@Preview(showBackground = true)
@Composable
fun ProfileScreenPreview() {
    TemplateTheme {
        ProfileScreen()
    }
}

Adding a new Composable component

1. Create mobile/app/src/main/java/com/company/template/ui/components/<ComponentName>.kt.
2. Accept modifier: Modifier = Modifier as the last defaulted parameter.
3. Use Material3 components (Text, Button, Card, etc.) — not the older androidx.compose.material package.
4. Never hardcode colors or dimensions — use MaterialTheme.colorScheme.* and MaterialTheme.typography.*.