Rimandare la lettura dello stato

Ogni punto in cui legge un valore di stato Compose diventa un sottoscrittore. Quando lo stato cambia, ogni lettore viene ricomposto.

Il Composable più vicino che racchiude una lettura dello stato è il suo recomposition scope. Se legge a un livello alto, molte parti vengono ridisegnate insieme.

Se legge lo stato più in profondità, viene ricomposto solo quel piccolo Composable. Spostare la lettura verso il basso riduce la quantità di lavoro eseguita.

Passi una lambda che restituisce il valore invece del valore stesso. La lettura avverrà in seguito, all'interno di un ambito più ristretto.

La lambda offset legge la posizione di scorrimento durante il layout, non durante la composizione, quindi la sua animazione evita completamente la ricomposizione.

derivedStateOf ricalcola il risultato solo quando questo cambia realmente, quindi una sorgente che cambia spesso aggiorna i lettori molto meno frequentemente.

Senza derivedStateOf, un pulsante che legge direttamente lo scorrimento viene ridisegnato a ogni pixel. Con derivedStateOf, il pulsante viene ricomposto solo quando cambia il valore boolean.

Leggere lo stato in un parent solo per passarlo ai figli costringe il genitore e tutti i fratelli a essere ricomposti. Passi invece l'oggetto di stato.

Passi al figlio l'intero oggetto State e gli permetta di leggerlo al proprio interno. Il genitore rimane stabile mentre si aggiorna solo il figlio.

In una LazyColumn, le letture rinviate impediscono agli aggiornamenti dello scroll di rieseguire il contenuto degli elementi, mantenendo fluide anche le liste lunghe.

L'abitudine fondamentale è semplice: rimandi il momento in cui legge lo stato fino a quando ne ha bisogno l'ambito più piccolo possibile.

Legga lo stato nell'ambito più piccolo possibile, usi i modifier lambda e derivedStateOf e passi gli oggetti State ai livelli inferiori per mantenere minimi i ridisegni. ✅