Meg tudná magyarázni a mutableStateOf függvény működési elvét a Jetpack Compose-ban, és hogyan kezeli a felhasználói felület állapotát?

A mutableStateOf funkció a Jetpack Compose-ban egy olyan állapotobjektumot hoz létre, amely tárol egy módosítható értéket, és értesíti a Compose-t a változásairól.

Amikor a mutableStateOf-ba csomagolt érték megváltozik, a Compose automatikusan újrarajzolja azokat az UI részeket, amelyek ettől az állapottól függenek. Ez hatékonyan kezeli az UI állapotát anélkül, hogy manuálisan kellene frissíteni az UI-t.

Használati példa:

var count by mutableStateOf(0)

Button(onClick = { count++ }) {
    Text("$count alkalommal nyomva")
}

Itt minden kattintásnál növekszik a count értéke, és a szöveg automatikusan frissül a mutableStateOf által megvalósított állapotkövető rendszernek köszönhetően.