Início / coding / Perguntas / 79584381
Accepted
Bartłomiej Semańczyk
Asked: 2025-04-21 17:55:11 +0800 CST

Como atualizar a visualização criada com @ViewBuilder quando o @State relacionado muda?

  • 772

Aqui está o código:

struct DemoModel {
    var text: String
}

struct DemoView: View {
    @State var viewModel = DemoViewModel()
    var body: some View {
        VStack {
            Text("Hello, ")
            viewModel.builder?(DemoModel(text: "World!"))
            viewModel.builder?(DemoModel(text: "World2!"))
            viewModel.builder?(DemoModel(text: "World3!"))
        }
    }
    
    func viewBuilder<V: View>(@ViewBuilder builder: @escaping (DemoModel) -> V) -> Self {
        viewModel.builder = { model in
            AnyView(builder(model))
        }
        return self
    }
}

class DemoViewModel {
    var builder: ((DemoModel) -> AnyView)? = nil
}

struct WrapperDemoView: View {
    @State var value = "🏆"
    var body: some View {
        VStack(spacing: 10) {
            HStack {
                Button("ADD 1") {
                    value += "1"
                }
                Button("ADD 2") {
                    value += "2"
                }
            }
            Text(value)
            DemoView()
                .viewBuilder { model in
                    HStack {
                        Text(model.text + " " + value)
                    }
                }
        }
    }
}

insira a descrição da imagem aqui

Por que, ao tocar no botão "Adicionar 1" ou "Adicionar 2", o rótulo correspondente é atualizado, mas as visualizações criadas a partir do @ViewBuilder ainda não? Como posso atualizá-las também?

2 respostas

  1. Best Answer

    Esse comportamento ocorre devido à forma como viewModel.builder é armazenado e utilizado. Especificamente:

    Por que o conteúdo do @ViewBuilder não é atualizado? Quando você faz isso:

    Você está capturando o valor atual de value no momento em que viewBuilder é chamado. Isso significa que o closure não é atualizado de forma reativa quando value muda posteriormente, pois está fora do ciclo de vida da visualização SwiftUI e não tem acesso a @State.

    Além disso, viewModel.builder é armazenado como um fechamento simples, e o conteúdo retornado dele é incorporado em AnyView, o que apaga a identidade da visualização e o rastreamento de estado — portanto, o SwiftUI não pode diferenciá-lo ou renderizá-lo novamente.

    Experimente isto:

    Opção 1:

    viewModel.builder?(DemoModel(text: "World! \(value)"))

    Opção 2:

    viewModel.builder?(DemoModel(text: "World! \(value)"))

    Exemplo:

    struct DemoView: View {
    let builder: ((DemoModel) -> AnyView)
    
    var body: some View {
        VStack {
            builder(DemoModel(text: "World!"))
            builder(DemoModel(text: "World2!"))
            builder(DemoModel(text: "World3!"))
        }
    }
}
    • 4

  2. Seu código é muito complicado com o ViewModel, que não permite que você use genéricos.

    struct DemoModel {
    var text: String
}

struct DemoView<Content: View>: View {
    let builder: ((DemoModel) -> Content)?
    var body: some View {
        VStack {
            Text("Hello, ")
            builder?(DemoModel(text: "World!"))
            builder?(DemoModel(text: "World2!"))
            builder?(DemoModel(text: "World3!"))
        }
    }
}

struct WrapperDemoView: View {
    @State var value = "🏆"
    var body: some View {
        VStack(spacing: 10) {
            HStack {
                Button("ADD 1") {
                    value += "1"
                }
                Button("ADD 2") {
                    value += "2"
                }
            }
            Text(value)
            DemoView { model in
                HStack {
                    Text(model.text + " " + value)
                }
            }
        }
    }
}
    • 1

relate perguntas