Odroczone odczyty stanu

Każde miejsce, w którym odczytywana jest wartość stanu Compose, staje się subskrybentem. Gdy stan się zmieni, każdy taki odczyt powoduje rekompozycję.

Najbliższa otaczająca funkcja Composable, która odczytuje stan, jest jego zakresem rekompozycji. Odczyt wysoko w hierarchii powoduje wspólne przerysowanie dużej części interfejsu.

Jeśli stan jest odczytywany głębiej, rekompozycja obejmuje tylko tę małą funkcję Composable. Przeniesienie odczytu niżej zmniejsza ilość wykonywanej pracy.

Zamiast samej wartości należy przekazać lambdę, która ją zwraca. Odczyt nastąpi wtedy później, w węższym zakresie.

Lambda offset odczytuje pozycję przewijania podczas układania, a nie kompozycji, dlatego jej animowanie całkowicie pomija rekompozycję.

derivedStateOf wykonuje ponowne obliczenia tylko wtedy, gdy jego wynik rzeczywiście się zmienia, dzięki czemu często zmieniające się źródło znacznie rzadziej aktualizuje odbiorców.

Bez derivedStateOf przycisk odczytujący surową pozycję przewijania jest przerysowywany przy każdym pikselu. Z nim funkcja Composable przycisku wykonuje się ponownie tylko wtedy, gdy zmieni się wartość boolean.

Odczyt stanu w komponencie nadrzędnym tylko po to, aby przekazać go dalej, wymusza rekompozycję tego komponentu i wszystkich elementów równorzędnych. Zamiast tego należy przekazać sam obiekt stanu.

Należy przekazać elementowi potomnemu cały obiekt State i pozwolić mu odczytać go we własnym zakresie. Komponent nadrzędny pozostaje stabilny, a aktualizowany jest tylko element potomny.

W LazyColumn odroczone odczyty zapobiegają ponownemu wykonywaniu zawartości elementów przy aktualizacjach przewijania, dzięki czemu długie listy pozostają niezwykle płynne.

Najważniejsza zasada jest prosta: opóźnij moment odczytu stanu do chwili, gdy będzie go potrzebował najmniejszy możliwy zakres.

Odczytuj stan w najmniejszym zakresie, używaj modyfikatorów z lambdami i derivedStateOf oraz przekazuj w dół obiekty State, aby ograniczyć przerysowywanie do minimum. ✅