Czy możesz wyjaśnić zasadę działania funkcji mutableStateOf w Jetpack Compose i jak zarządza ona stanem interfejsu użytkownika?

Funkcja mutableStateOf w Jetpack Compose tworzy obiekt stanu, który przechowuje zmienną wartość i informuje Compose o jej zmianach.

Gdy wartość opakowana w mutableStateOf się zmienia, Compose automatycznie rysuje ponownie te części UI, które od tego stanu zależą. Pozwala to efektywnie zarządzać stanem interfejsu bez konieczności ręcznego odświeżania UI.

Przykład użycia:

var count by mutableStateOf(0)

Button(onClick = { count++ }) {
    Text("Naciśnięto $count razy")
}

Tutaj za każdym razem, gdy naciśniesz przycisk, wartość count rośnie, a tekst jest automatycznie aktualizowany dzięki systemowi śledzenia stanu zaimplementowanemu za pomocą mutableStateOf.