Ошибка в SwiftUI? iOS 15. Действие обновления списка выполняется на старом экземпляре View — как обойти это?

Я использую модификатор refreshable в списке https://developer.apple.com/documentation/SwiftUI/View/refreshable(action:)

Список содержится в представлении (TestChildView), имеющем параметр. При изменении параметра TestChildView повторно создается с новым значением. Список имеет обновляемое действие. Однако при протягивании вниз для обновления списка действие обновления запускается для исходного экземпляра представления, поэтому текущее значение параметра не отображается.

Чтобы воспроизвести с помощью следующего кода: Если вы нажмете кнопку увеличения несколько раз, вы увидите, что обновленное значение распространяется на метки элементов списка. Однако, если вы потянете список вниз для обновления, он напечатает исходное значение параметра.

Я предполагаю, что это происходит из-за того, как работает функция обновления. Она устанавливает значение среды refresh, и я предполагаю, что она не обновляется при создании новых экземпляров представления.

Это похоже на ошибку, но я ищу способ обойти ее - как обновляемое действие может видеть текущие значения переменных/состояний?

import SwiftUI

struct TestParentView: View {
    @State var myVar = 0

    var body: some View {
        VStack {
            Text("increment")
                .onTapGesture {
                    myVar += 1
                }
            TestChildView(myVar: myVar)
        }
    }
}


struct TestChildView: View {
    let myVar: Int
    
    struct Item: Identifiable {
        var id: String {
            return val
        }
        
        let val: String
    }

    var list: [Item] {
        return [Item(val: "a \(myVar)"), Item(val: "b \(myVar)"), Item(val: "c \(myVar)")]
    }
    
    var body: some View {
        VStack {
            List(list) { elem in
                Text(elem.val)
            }.refreshable {
                print("myVar: \(myVar)")
            }
        }
    }
}

Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
1
0
168
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Значение myVar в TestChildView не обновляется, потому что оно должно быть @Binding. В противном случае создается новый вид.

Если вы передадите значение @State var myVar из TestParentView в @Binding var myVar в TestChildView, у вас будет обновленное значение, а представление останется активным во время родительского представления.

Затем вы заметите, что напечатанное значение в вашей консоли является обновленным значением TestChildView.

Вот обновленный код (см. комментарии к обновленной части).

import SwiftUI

struct TestParentView: View {

  @State var myVar = 0

  var body: some View {
    VStack {
      Text("increment")
        .onTapGesture { myVar += 1 }

      TestChildView(myVar: $myVar) // Add `$` to pass the updated value.
    }
  }
}


struct TestChildView: View {

  @Binding var myVar: Int // Create the value to be `@Binding`.

  struct Item: Identifiable {
    var id: String { return val }
    let val: String
  }

  var list: [Item] {
    return [Item(val: "a \(myVar)"), Item(val: "b \(myVar)"), Item(val: "c \(myVar)")]
  }

  var body: some View {
    VStack {
      List(list) { elem in
        Text(elem.val)
      }
      .refreshable { print("myVar: \(myVar)") }
    }
  }
}

Ответ Роланда правильный. Используйте привязку, чтобы использовать правильное значение myVar.

Почему: .refreshable вместе с другими модификаторами состояния, такими как .task, .onAppear, .onReceive и т. д., работают на другой фазе жизненного цикла SwiftUI View. Вы правы, предполагая, что замыкание, переданное refreshable, хранится в среде и не обновляется при воссоздании представлений. Это сделано намеренно. Было бы мало смысла воссоздавать это замыкание всякий раз, когда обновляется представление, потому что обновление представления является своего рода его предполагаемой целью.

Вы можете думать о .refreshable (и других упомянутых выше модификаторах) как о оболочках свойств @State и @StateObject, поскольку они сохраняются при обновлении макета представления. Свойство @Binding также может считаться состоянием, потому что оно представляет собой двустороннюю «привязку» к переменной состояния из родительского представления.

Вообще говоря, замыкания, которые вы передаете .refreshable или .task, должны читать и записывать только свойства с состоянием (такие как viewModels) именно по этой причине.

Другие вопросы по теме