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 / 78857449
Accepted
visandres
visandres
Asked: 2024-08-11 11:24:03 +0800 CST2024-08-11 11:24:03 +0800 CST 2024-08-11 11:24:03 +0800 CST

A animação rotativa não funciona com a função ViewBuilder

  • 772

Estou brincando com o SwiftUI para tentar entender melhor, mas não consigo entender essa diferença de comportamento. Neste código de exemplo, por que a visualização struct pode girar enquanto a função @ViewBuilder não gira?

struct ContentView: View {
    @State var isSpinning = false
    
    var body: some View {
        StructView()
        funcView()
    }
    
    @ViewBuilder
    func funcView() -> some View {
        @State var isSpinning = false
        VStack {
            Button {
                isSpinning.toggle()
            }label: {
                Text("Spin me")
            }
            Image(systemName: "arrow.clockwise")
                .font(.system(size: 80))
                .foregroundColor(.blue)
                .rotationEffect(.degrees(isSpinning ? 360 : 0))
                .animation(.easeInOut(duration: 1), value: isSpinning)
        }
        .padding()
    }
    
    struct StructView: View {
        @State var isSpinning = false
        
        var body: some View {
            VStack {
                Button {
                    isSpinning.toggle()
                }label: {
                    Text("Spin me")
                }
                Image(systemName: "arrow.clockwise")
                    .font(.system(size: 80))
                    .foregroundColor(.blue)
                    .rotationEffect(.degrees(isSpinning ? 360 : 0))
                    .animation(.easeInOut(duration: 1), value: isSpinning)
            }
            .padding()
        }
    }

}
swift
  • 1 1 respostas
  • 29 Views

1 respostas

  • Voted
  1. Best Answer
    Sweeper
    2024-08-11T11:52:18+08:002024-08-11T11:52:18+08:00

    O fato de ser uma @ViewBuilderfunção, ou o fato de ser uma função separada, realmente não importa para o SwiftUI. É o mesmo que se você inline funcViewe colocasse diretamente no arquivo body.

    var body: some View {
        StructView()
        
        @State var isSpinning = false
        VStack {
            Button {
                isSpinning.toggle()
            }label: {
                Text("Spin me")
            }
            Image(systemName: "arrow.clockwise")
                .font(.system(size: 80))
                .foregroundColor(.blue)
                .rotationEffect(.degrees(isSpinning ? 360 : 0))
                .animation(.easeInOut(duration: 1), value: isSpinning)
        }
        .padding()
    }
    

    E o problema disso é que @State não funciona como uma variável local . O SwiftUI não foi projetado para rastrear @States que são variáveis ​​locais. @States sempre devem ser declarados como propriedades de instância em uma Viewestrutura.

    No seu código, você também fez isso. Você declarou @State var isSpinning = falsediretamente in ContentView, mas declarou novamente in funcView, portanto, as referências a isSpinningin funcViewsão todas resolvidas para o @Statein declarado funcView.

    Você deve remover a linha @State var isSpinning = falsein funcViewe agora as referências a isSpinningserão resolvidas para aquela declarada em ContentViewe a visualização funcionará conforme o esperado.


    Observe que há uma diferença entre escrever tudo body(chamar @ViewBuilderfundos/propriedades é efetivamente equivalente a isso) e separar os componentes da visualização em Viewestruturas diferentes.

    Ao colocar as coisas em uma Viewestrutura separada, você cria efetivamente uma "barreira" para atualizações de visualização. Por exemplo, StructView.bodynão será chamado toda vez que algo em ContentViewmudar, pois StructViewnão depende de nada em ContentView.

    Por outro lado, funcView será chamado toda vez que algo ContentViewmudar, porque bem, você está literalmente chamando-o ContentView.body.

    Portanto, em geral, é melhor separar suas visualizações em Viewestruturas individuais, em vez de separar suas visualizações em @ViewBuilder funcs ou @ViewBuilder vars individuais na mesma Viewestrutura. Dessa forma, uma atualização no topo da hierarquia de visualização não fará com que todo o resto também seja atualizado.

    Aqui eu adicionei alguns prints para demonstrar a diferença:

    struct ContentView: View {
        @State var isSpinning = false
        
        @State var something = "Foo"
        
        var body: some View {
            StructView()
            funcView()
            Button("Change something") {
                something = "Bar"
            }
            Text("Something: \(something)")
        }
        
        @ViewBuilder
        func funcView() -> some View {
            let _ = print("funcView Called")
            VStack {
                Button {
                    isSpinning.toggle()
                }label: {
                    Text("Spin me")
                }
                Image(systemName: "arrow.clockwise")
                    .font(.system(size: 80))
                    .foregroundColor(.blue)
                    .rotationEffect(.degrees(isSpinning ? 360 : 0))
                    .animation(.easeInOut(duration: 1), value: isSpinning)
            }
            .padding()
        }
        
        struct StructView: View {
            @State var isSpinning = false
            
            var body: some View {
                let _ = print("StructView.body Called")
                VStack {
                    Button {
                        isSpinning.toggle()
                    }label: {
                        Text("Spin me")
                    }
                    Image(systemName: "arrow.clockwise")
                        .font(.system(size: 80))
                        .foregroundColor(.blue)
                        .rotationEffect(.degrees(isSpinning ? 360 : 0))
                        .animation(.easeInOut(duration: 1), value: isSpinning)
                }
                .padding()
            }
        }
    }
    
    • 1

relate perguntas

  • IOS (simulador) --> Local Vapor POST Image/png: Abort.413: Payload Too Large

  • Redimensione a imagem antes de salvar no Core Data

  • Como lidar com dois manipuladores de conclusão em uma função swift

  • Por que um dicionário de chave e valores codificáveis ​​não é codificável?

  • Existe uma maneira de incorporar um assertionFailure em '?' expressão

Sidebar

Stats

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

    Vue 3: Erro na criação "Identificador esperado, mas encontrado 'import'" [duplicado]

    • 1 respostas
  • Marko Smith

    Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle?

    • 1 respostas
  • Marko Smith

    Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores?

    • 1 respostas
  • Marko Smith

    Como faço para corrigir um erro MODULE_NOT_FOUND para um módulo que não importei manualmente?

    • 6 respostas
  • Marko Smith

    `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso?

    • 3 respostas
  • Marko Smith

    Quando devo usar um std::inplace_vector em vez de um std::vector?

    • 3 respostas
  • Marko Smith

    Um programa vazio que não faz nada em C++ precisa de um heap de 204 KB, mas não em C

    • 1 respostas
  • Marko Smith

    PowerBI atualmente quebrado com BigQuery: problema de driver Simba com atualização do Windows

    • 2 respostas
  • Marko Smith

    AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos

    • 1 respostas
  • Marko Smith

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

    • 1 respostas
  • Martin Hope
    Aleksandr Dubinsky Por que a correspondência de padrões com o switch no InetAddress falha com 'não cobre todos os valores de entrada possíveis'? 2024-12-23 06:56:21 +0800 CST
  • Martin Hope
    Phillip Borge Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle? 2024-12-12 20:46:46 +0800 CST
  • Martin Hope
    Oodini Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores? 2024-12-12 06:27:11 +0800 CST
  • Martin Hope
    sleeptightAnsiC `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso? 2024-11-09 07:18:53 +0800 CST
  • Martin Hope
    The Mad Gamer Quando devo usar um std::inplace_vector em vez de um std::vector? 2024-10-29 23:01:00 +0800 CST
  • Martin Hope
    Chad Feller O ponto e vírgula agora é opcional em condicionais bash com [[ .. ]] na versão 5.2? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench Por que um traço duplo (--) faz com que esta cláusula MariaDB seja avaliada como verdadeira? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng Por que `dict(id=1, **{'id': 2})` às vezes gera `KeyError: 'id'` em vez de um TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos 2024-03-20 03:12:31 +0800 CST
  • Martin Hope
    MarkB Por que o GCC gera código que executa condicionalmente uma implementação SIMD? 2024-02-17 06:17:14 +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