AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • Início
  • system&network
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • Início
  • system&network
    • Recentes
    • Highest score
    • tags
  • Ubuntu
    • Recentes
    • Highest score
    • tags
  • Unix
    • Recentes
    • tags
  • DBA
    • Recentes
    • tags
  • Computer
    • Recentes
    • tags
  • Coding
    • Recentes
    • tags
Início / coding / Perguntas / 77736830
Accepted
Joris Wit
Joris Wit
Asked: 2023-12-31 01:34:20 +0800 CST2023-12-31 01:34:20 +0800 CST 2023-12-31 01:34:20 +0800 CST

Por que o Jetpack Compose está usando o estado antigo no evento onTap

  • 772

Sou novo no Kotlin e no Jetpack Compose e tenho um problema no meu aplicativo Android. Ao executar o código abaixo, posso pressionar o botão "Aumentar" e o Canvas mostra o número aumentado. Porém, no pointerInput onTapcaso, o número é sempre 1. Somente quando forço uma recomposição girando o dispositivo é que o novo número é utilizado.

Parece que o estado é usado quando foi composto pela primeira vez, em vez do estado atual. Como posso usar o estado mais recente do onTapevento?

Algumas informações básicas: eu uso o Canvas para desenhar uma grade com um número dinâmico de colunas e linhas. O número no meu exemplo determina o número de colunas ou linhas. Caso onTapeu queira calcular qual célula foi clicada, para gerar meu próprio onCellTapevento. Faço isso usando a fórmula para calcular a posição das células usadas onDraw, mas ao contrário. Tudo isso funciona bem, até que uma coluna ou linha seja adicionada dinamicamente, porque não consigo calcular com a contagem de colunas "antigas".

Em vez de mutableIntStateOfneste exemplo, eu uso um ViewModelem meu aplicativo. Removi isso do exemplo para simplificar, espero que isso não importe.

@Composable
fun TopLevelComposable(modifier: Modifier = Modifier) {

    var number by rememberSaveable { mutableIntStateOf(0) }

    Column {
        TestCanvasComposable(number)
        Button(onClick = {

            number += 1

        }) {
            Text(
                text = "Increase",
                modifier = modifier
            )
        }
    }
}

@Composable
fun TestCanvasComposable(
    number: Int,
    modifier: Modifier = Modifier
) {
    val textMeasurer = rememberTextMeasurer()
    Canvas(modifier = modifier
        .fillMaxWidth()
        .height(30.dp)
        .pointerInput(Unit) {
            detectTapGestures(
                onTap = {
                    // This does not show the correct number:
                    Log.i("Test", "The number is $number")
                }
            )
        }, onDraw = {
        drawRect(Color.Yellow, Offset.Zero, this.size)

        drawText(
            textMeasurer = textMeasurer,
            text = buildAnnotatedString {
                withStyle(ParagraphStyle(textAlign = TextAlign.Start)) {
                    // This works perfectly:
                    append("The number is: $number")
                }
            }
        )
    }
    )
}

Tentei remover o TestCanvasComposableComposable e apenas colocar o código do Canvas no arquivo TopLevelComposable. Após essa alteração, funciona bem. Mas eu gostaria de mantê-los separados para possível reutilização.

android-jetpack-compose
  • 1 1 respostas
  • 31 Views

1 respostas

  • Voted
  1. Best Answer
    Chirag Thummar
    2023-12-31T13:19:34+08:002023-12-31T13:19:34+08:00

    Você está perdendo o estado porque quando @Composablerecompõe ele redefine o valor do número.

    Você pode usar rememberUpdatedStatepara rastrear alterações numbere remembero último número atualizado.

    @Preview
    @Composable
    fun TopLevelComposable(modifier: Modifier = Modifier) {
    
        var number by rememberSaveable { mutableIntStateOf(0) }
    
        Column (modifier = Modifier.fillMaxSize()){
            TestCanvasComposable(number)
            Button(onClick = {
    
                number += 1
    
            }) {
                Text(
                    text = "Increase",
                    modifier = modifier
                )
            }
        }
    }
    
    @Composable
    fun TestCanvasComposable(
        number: Int,
        modifier: Modifier = Modifier
    ) {
        val num by rememberUpdatedState(newValue = number)
        val textMeasurer = rememberTextMeasurer()
        Canvas(modifier = modifier
            .fillMaxWidth()
            .height(30.dp)
            .pointerInput(Unit) {
                detectTapGestures(
                    onTap = {
                        // This does not show the correct number:
                        Log.i("Test", "The number is $num")
                    }
                )
            }, onDraw = {
            drawRect(Color.Yellow, Offset.Zero, this.size)
    
            drawText(
                textMeasurer = textMeasurer,
                text = buildAnnotatedString {
                    withStyle(ParagraphStyle(textAlign = TextAlign.Start)) {
                        // This works perfectly:
                        append("The number is: $num")
                    }
                }
            )
        }
        )
    }
    

    Está funcionando Verifique este código

    • 1

relate perguntas

  • Aplicar efeito de pincel a uma palavra inteira enquanto anima cada letra individualmente no Jetpack Compose

  • Problema com o Canvas no Jetpack Compose que não limpa o conteúdo desenhado ao definir StateFlow como nulo

  • Como fazer notas de piano no Jetpack Compose?

Sidebar

Stats

  • Perguntas 205573
  • respostas 270741
  • best respostas 135370
  • utilizador 68524
  • Highest score
  • respostas
  • Marko Smith

    destaque o código em HTML usando <font color="#xxx">

    • 2 respostas
  • Marko Smith

    Por que a resolução de sobrecarga prefere std::nullptr_t a uma classe ao passar {}?

    • 1 respostas
  • Marko Smith

    Você pode usar uma lista de inicialização com chaves como argumento de modelo (padrão)?

    • 2 respostas
  • Marko Smith

    Por que as compreensões de lista criam uma função internamente?

    • 1 respostas
  • Marko Smith

    Estou tentando fazer o jogo pacman usando apenas o módulo Turtle Random e Math

    • 1 respostas
  • Marko Smith

    java.lang.NoSuchMethodError: 'void org.openqa.selenium.remote.http.ClientConfig.<init>(java.net.URI, java.time.Duration, java.time.Duratio

    • 3 respostas
  • Marko Smith

    Por que 'char -> int' é promoção, mas 'char -> short' é conversão (mas não promoção)?

    • 4 respostas
  • Marko Smith

    Por que o construtor de uma variável global não é chamado em uma biblioteca?

    • 1 respostas
  • Marko Smith

    Comportamento inconsistente de std::common_reference_with em tuplas. Qual é correto?

    • 1 respostas
  • Marko Smith

    Somente operações bit a bit para std::byte em C++ 17?

    • 1 respostas
  • Martin Hope
    fbrereto Por que a resolução de sobrecarga prefere std::nullptr_t a uma classe ao passar {}? 2023-12-21 00:31:04 +0800 CST
  • Martin Hope
    比尔盖子 Você pode usar uma lista de inicialização com chaves como argumento de modelo (padrão)? 2023-12-17 10:02:06 +0800 CST
  • Martin Hope
    Amir reza Riahi Por que as compreensões de lista criam uma função internamente? 2023-11-16 20:53:19 +0800 CST
  • Martin Hope
    Michael A formato fmt %H:%M:%S sem decimais 2023-11-11 01:13:05 +0800 CST
  • Martin Hope
    God I Hate Python std::views::filter do C++20 não filtrando a visualização corretamente 2023-08-27 18:40:35 +0800 CST
  • Martin Hope
    LiDa Cute Por que 'char -> int' é promoção, mas 'char -> short' é conversão (mas não promoção)? 2023-08-24 20:46:59 +0800 CST
  • Martin Hope
    jabaa Por que o construtor de uma variável global não é chamado em uma biblioteca? 2023-08-18 07:15:20 +0800 CST
  • Martin Hope
    Panagiotis Syskakis Comportamento inconsistente de std::common_reference_with em tuplas. Qual é correto? 2023-08-17 21:24:06 +0800 CST
  • Martin Hope
    Alex Guteniev Por que os compiladores perdem a vetorização aqui? 2023-08-17 18:58:07 +0800 CST
  • Martin Hope
    wimalopaan Somente operações bit a bit para std::byte em C++ 17? 2023-08-17 17:13:58 +0800 CST

Hot tag

python javascript c++ c# java typescript sql reactjs html

Explore

  • Início
  • Perguntas
    • Recentes
    • Highest score
  • tag
  • help

Footer

AskOverflow.Dev

About Us

  • About Us
  • Contact Us

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve