Nivel 1

Nivel 1: el átomo (Hello Compose)

Traducción al español en progresoEl contenido detallado de esta lección aún se está traduciendo. Mientras tanto, se muestra en inglés.

Composable Functions

In modern Android, UI is not a separate XML file. It is a Kotlin function annotated with `@Composable`.

📚 Explicación

In Jetpack Compose, UI components are functions annotated with `@Composable`. The `setContent` function replaces the old `setContentView(R.layout.activity_main)` pattern. No XML layouts needed!

Nota: La ejecución de código no está disponible para Android/Kotlin en el navegador. Usa Android Studio para ejecutar y probar la app.

kotlin

// MainActivity.kt
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        // This is the entry point. No setContentView(R.layout...)
        setContent {
            Greeting("Android Developer")
        }
    }
}

// A simple UI component
@Composable
fun Greeting(name: String) {
    // Material 3 Text component
    Text(text = "Hello, $name!")
}

Volver a niveles de Android Volver al Developer Hub