Πώς μπορούμε να παρακολουθήσουμε την αλλαγή κατάστασης στο Jetpack Compose;

Στο Jetpack Compose, η αλλαγή κατάστασης παρακολουθείται με τη βοήθεια ειδικών τύπων δεδομένων και μηχανισμών που καλούν αυτόματα την ανασχεδίαση του UI όταν η κατάσταση αλλάζει.

Βασικοί τρόποι:

• MutableState<T> — ένα περίβλημα πάνω από μια τιμή που ειδοποιεί το Compose για αλλαγές.
• Χρήση της συνάρτησης remember για αποθήκευση της κατάστασης μέσα στη σύνθεση.
• Χρήση του State και LiveData από το ViewModel, που το Compose μπορεί να παρακολουθεί.

Παράδειγμα:

@Composable
fun Counter() {
    var count by remember { mutableStateOf(0) }

    Button(onClick = { count++ }) {
        Text("Πατήθηκε $count φορές")
    }
}

Εδώ, το mutableStateOf δημιουργεί μια παρατηρήσιμη κατάσταση. Όταν αλλάζει το count, το Compose ανασχεδιάζει αυτόματα το κουμπί με την καινούρια τιμή.