Блог

Я пытаюсь загрузить удаленный ресурс, поэтому я использую .onAppear для этого. Однако, когда я использую if/else внутри представления, это приводит к его срабатыванию дважды.

 class FooVM: ObservableObject {
   @Published var remoteText: String? = nil

   func load() {
      DispatchQueue.main.asyncAfter(deadline: .now()   2) {
         self.remoteText = "(Date())"
      }
   }
}

struct Foo: View {

   @StateObject private var vm = FooVM()

   var body: some View {
      content
         .onAppear(perform: vm.load)
   }

   @ViewBuilder
   private var content: some View {
      if let text = vm.remoteText {
         Text(text)
      } else {
         Circle()
      }
   }
}

 

 struct ContentView: View {
    var body: some View {
        TabView {
            Foo()
                .tabItem {
                    Image(systemName: "circle.fill")
                    Text("Home")
                } 
        }
    }
}
 

РЕДАКТИРОВАТЬ: оказывается, он воспроизводится только тогда, когда содержимое находится внутри TabView . Я обновил приведенный выше код

Почему onAppear (и, следовательно load ,) запускается дважды? На самом _{деле, на игровой площадке он срабатывает повторно каждые 2 секунды, но в симуляторе срабатывает только дважды.}

Как мне этого избежать? Имейте в виду, что это упрощенный пример.

Интересно, что если бы это был не выбор между Text и Circle , а просто другой текст внутри Text , тогда он сработал бы только один раз:

 Text(vm.remoteText ?? "loading...")
 

Когда ваш контент переключается в операторе if, Foo () должен полностью появиться снова. Решение состоит в том, чтобы встроить содержимое Foo () в ZStack (или аналогичный), чтобы ему не нужно было повторно отображать все представление и снова вызывать .onAppear. Здесь ZStack остается отображаемым при переключении содержимого.

 var body: some View {
        ZStack {
            content
        }
        .onAppear(perform: vm.load)
   }