Bartłomiej Semańczyk's questions

Aqui está um exemplo:

struct DemoApp: View {
    @State var viewModel = DemoAppViewModel()
    var body: some View {
        VStack {
            DemoMonthView(date: viewModel.monthDate)
            DemoDayView(date: viewModel.dayDate) // FIRST
                .onTapGesture {
                    viewModel.dayDate = viewModel.dayDate.addingTimeInterval(86000)
                }
            DemoDayView(date: viewModel.monthDate) // SECOND
                .onTapGesture {
                    viewModel.monthDate = viewModel.monthDate.addingTimeInterval(1400000)
                }
        }
    }
}

@Observable
class DemoAppViewModel {
    var dayDate: Date = Date()
    var monthDate: Date = Date()
}

struct DemoMonthView: View {
    var date: Date
    @FetchRequest private var days: FetchedResults<Day> //you need to replace Day here with any Entity that will allow to reproduce the issue
    init(date: Date) {
        self.date = date
        _days = FetchRequest(
            sortDescriptors: [SortDescriptor(\.date, order: .reverse)],
            predicate: NSPredicate(value: true)
        )
        print("DemoMonthView init is called") //should be called, but without body redraws

        // heavy calculations for given month
    }
    
    var body: some View {
        if #available(iOS 17.1, *) {
            print("DemoMonthView body is called") //should not be called❓
        }
        return VStack {
            Text(date.formatted(date: .long, time: .omitted)).font(.title.bold())
        }
    }
}

struct DemoDayView: View {
    var date: Date
    
    var body: some View {
        Text(date.formatted(date: .long, time: .omitted))
    }
}

#Preview {
    DemoApp()
}

Simplificando, quando você toca FIRSTno botão, ele não deveria redesenhar a DemoMonthView, mas redesenha. Por quê? Eu realmente preciso evitar isso tocando FIRSTno botão toda vez. SECONDO botão redesenha DemoMonthViewa visualização corretamente, pelo que entendi. Mas por que o PRIMEIRO?

Quando comento dayse _daysassocio no init, então está tudo bem, ele NÃO redesenha...

Mas essa situação é apenas uma versão resumida do meu aplicativo real, mais complexo. Há uma fetchRequest com cálculos complexos que não deveria ser chamada com tanta frequência, como tocar no botão, como aqui no exemplo, quando tocar nesse botão não altera nada relacionado à DemoMonthView.

Se o motivo for a falta de conhecimento, o que devo saber para evitar isso?

Por que isso importa aqui? Porque preciso atualizar isso DemoMonthViewSOMENTE quando monthDatehouver alterações, não sempre que houver dayDatealterações.

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)
                    }
                }
        }
    }
}

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?

Não tenho certeza se é um bom conceito, mas vamos começar por aqui.

Tenho uma visão simples:

struct InAppPurchaseView: View {
    private let viewModel = InAppPurchaseViewModel()
    var body: some View {
        VStack {
            if !viewModel.currentProgressInfo.isEmpty {
                Text(viewModel.currentProgressInfo) // here it relies on the value from viewModel and should update every time when it changes
            }
        }
    }
}

@Observable
class InAppPurchaseViewModel {
    private let transactionObserver = TransactionObserver.shared
    @Binding var currentProgressInfo: String
    // here is the question❓ 
    // How to bind here property from within transactionObserver?
}

@Observable
class TransactionObserver: NSObject, SKProductsRequestDelegate, SKPaymentTransactionObserver {
    static let shared = TransactionObserver()
    var currentProgressInfo = ""

    // here is the code that updates currentProgressInfo depending on the needs.
}

Exemplo de uso?

Na outra visão, suponha que eu tenha (totalmente abstrato) duas instâncias próximas uma da outra. Cada uma tem seu próprio viewModel

struct StartView: View {
    var body: some View {
        VStack {
            InAppPurchaseView() // here it need to be updated
            InAppPurchaseView() // here it need to be updated THE SAME WAY.
        }
    }
}

Uma simples ação tomada em uma das situações acima InAppPurchaseViewdeve impactar e atualizar outra com o mesmo efeito.

É assim que meu VStack é definido aqui:

VStack(alignment: .leading, spacing: 1) {
    Text("entry.titleAlert hajdfg dgfhds fghjds gfhjdsg fhjdsg2")
        .frame(maxWidth: .infinity)
        .multilineTextAlignment(.leading)
        .font(.caption)
        .padding(5)
        .background(Color(uiColor: .alertNews))
   

    Text("entry.contentAlert jhdsg fdhjsgf dhjsgf dhjsgf jdhsgf jdhsgf jdhsgf jdhsgf dhjsgf dhjsgf hdsgfh dghjf gsdhjgf dhjsgf dhjsgf dhjsg fjdhsg fjhdsgf jhdsgf jdhsgf dhjsgf jdhsgfhjdsg fhdsg fgdsjgfdhjs gfjdhsgf hs")
        .frame(maxWidth: .infinity)
        .multilineTextAlignment(.leading)
        .font(.caption)
        .opacity(0.7)
        .lineLimit(5)
        .padding(5)
        .background(Color(uiColor: .alertNews))
    Spacer()
}
.frame(maxWidth: .infinity, alignment: .leading)

e o efeito é o seguinte:

Por que não está alinhado à esquerda?