Início / coding / Perguntas / 79585731
Accepted
magic_9527
Asked: 2025-04-22 13:13:12 +0800 CST

Como observar mudanças de mapa no Jetpack Compose?

  • 772

Quero fazer uma solicitação de rede e mostrar os resultados da lista no Jetpack Compose. Passo os parâmetros da solicitação para o widget de lista. Mas o widget de lista não consegue recompor depois que o mapa foi alterado, mesmo adicionando um key.

Abaixo está uma pequena demonstração: O valor int deve mudar após tocar no botão.

Por favor, ajude-me a consertar isso.

@Preview
@Composable
fun test() {
    var map by remember { mutableStateOf(mapOf<String, Any>()) }
    Column {
        Button(
            onClick = {
                map = HashMap(map)
            }
        ) {
            Text(
                text = "Tap"
            )
        }

        key(map) { testWidget1(map = map) }
    }

}

@Composable
fun testWidget1(map: Map<String, Any>) {
    var testInt by remember { mutableStateOf(0) }
    LaunchedEffect(map) {
        testInt += 1
        request()
    }
    Text(
        text = "$testInt"
    )


}

fun request() {

}
android-jetpack-compose

2 respostas

  1. Existem dois problemas:

    1. testWidget1não é recomposto porque o mapa não muda. Embora você crie um novo objeto com HashMap(map), o Compose compara objetos por igualdade , não por identidade referencial . E isso significa que o conteúdo real do mapa precisa mudar para que o Compose o detecte como algo diferente. Esse não é o caso no seu exemplo.

    2. Ao usar, keyvocê diz explicitamente ao Compose para descartar o estado antigo testWidget1e criar um novo sempre que houver mapalterações. Portanto, mesmo que map isso mude, você ainda redefiniria testInta cada vez, começando do 0 (e definindo-o como 1 no LaunchedEffect). Normalmente, você não precisa keyde um composable comum. Basta removê-lo e chamar testWidget1(map = map)diretamente.

    • 0
  2. Best Answer

    Objetivo:
    O objetivo era atualizar um valor inteiro ao tocar em um botão e garantir que a IU (especificamente testWidget1) respondesse adequadamente.

    Problema identificado:
    a cada clique de botão, o mapa estava sendo substituído por uma nova HashMapinstância em vez de atualizar a existente. Como resultado, testWidget1não estava sendo recomposto, pois a recomposição depende da observação de alterações no próprio objeto do mapa.

    Solução implementada:
    Para resolver esse problema, modifiquei a lógica para atualizar o mapa existente em vez de reatribuí-lo. Introduzi um contador que aumenta a cada clique de botão. Esse contador é usado para gerar e inserir um novo par chave-valor no mapa existente.

    Ao atualizar o mapa no local — mantendo as entradas existentes — testWidget1agora detecta as alterações e recompõe com os novos valores.

    Cada clique adiciona novas entradas como key1, key2, key3e assim por diante, o que garante que o mapa seja modificado de forma consistente e acione as atualizações esperadas da interface do usuário.

    @Preview
@Composable
fun test() {
    var map by remember { mutableStateOf(mapOf<String, Any>()) }
    var count by remember { mutableStateOf(0) }
    Column {
        Button(
            onClick = {
                count += 1
                map = map + ("key$count" to "value")
            }
        ) {
            Text(
                text = "Tap"
            )
        }
         testWidget1(map = map)
    }

}

@Composable
fun testWidget1(map: Map<String, Any>) {
    var testInt by remember { mutableStateOf(0) }
    LaunchedEffect(map) {
        testInt += 1
        request()
    }
    Text(
        text = "$testInt"
    )


}

fun request() {

}
    • 0

relate perguntas