He estado probando Jetpack Compose y encontré algo con la lista LazyColumn y remember() .
class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { MyApp{ MyScreen() } } } } @Composable fun MyApp(content: @Composable () -> Unit){ ComposeTestTheme { // A surface container using the 'background' color from the theme Surface(color = MaterialTheme.colors.background) { content() } } } @Composable fun MyScreen( names: List<String> = List(1000) {"Poofy #$it"}) { NameList( names, Modifier.fillMaxHeight()) } @Composable fun NameList( names: List<String>, modifier: Modifier = Modifier ){ LazyColumn( modifier = modifier ){ items( items = names ) { name -> val counter = remember{ mutableStateOf(0) } Row(){ Text(text = "Hello $name") Counter( count = counter.value, updateCount = { newCount -> counter.value = newCount } ) } Divider(color = Color.Black) } } } @Composable fun Counter(count: Int, updateCount: (Int) -> Unit) { Button( onClick = {updateCount(count+1)} ){ Text("Clicked $count times") } }Esto se ejecuta y crea una lista de 1000 filas donde cada fila dice "Hola Poofy #N" seguido de un botón que dice "Se hizo clic N veces".
Todo funciona bien, pero si hago clic en un botón para actualizar su conteo, ese conteo no persistirá cuando se desplace fuera de la pantalla y se vuelva a encender.
El "reciclaje" LazyColumn recompone la fila y el conteo. En el ejemplo anterior, el contador se eleva a NameList() pero lo he intentado desarmar en Counter() . Tampoco funciona.
¿Cuál es la forma correcta de recordar la cuenta? ¿Debo almacenarlo en una matriz en la actividad o algo así?
Las representaciones de los items se reciclan y, con el nuevo index , se restablece el valor de remember . Este es el comportamiento esperado y no debe esperar que este valor persista.
No necesita mantenerlo en la actividad, solo necesita moverlo fuera de LazyColumn . Por ejemplo, puede almacenarlo en una lista de estados mutables, como se muestra aquí:
val counters = remember { names.map { 0 }.toMutableStateList() } LazyColumn( modifier = modifier ){ itemsIndexed(items = names) { i, name -> Row(){ Text(text = "Hello $name") Counter( count = counters[i], updateCount = { newCount -> counters[i] = newCount } ) } Divider(color = Color.Black) } }O en un mapa de estado mutable:
val counters = remember { mutableStateMapOf<Int, Int>() } LazyColumn( modifier = modifier ){ itemsIndexed(items = names) { i, name -> Row(){ Text(text = "Hello $name") Counter( count = counters[i] ?: 0, updateCount = { newCount -> counters[i] = newCount } ) } Divider(color = Color.Black) } } Tenga en cuenta que remember también se restablecerá cuando la pantalla gire, considere usar rememberSaveable Guardar en lugar de almacenar los datos dentro de un modelo de vista.
Lea más sobre el estado en Redactar en la documentación