Таймер ломается после прокрутки списка - PullRequest
Новая
       6

Таймер ломается после прокрутки списка

1 голос
/ 10 января 2020

У меня есть класс с таймером (обновление каждую миллисекунду). 

class TimeCount {
    let currentTimePublisher = Timer.TimerPublisher(interval: 0.001, runLoop: .main, mode: .common)
    let cancellable: AnyCancellable?

    init() {
        self.cancellable = currentTimePublisher.connect() as? AnyCancellable
    }

    deinit {
        self.cancellable?.cancel()
    }
}

У меня также есть список () объектов TimerView 

List() {
    ForEach(self.timers) { timer in
        TimerPlusView(timer: timer)
    }
}

И внутри каждого объекта у меня есть текст, который обновляет его содержимое, слушая таймер 

Text("\(currentTime.timeIntervalSince(timer.time ?? Date()))")
    .font(.largeTitle)
    .fontWeight(.bold)
    .foregroundColor(.black)
    .opacity(0.5)
    .onReceive(timeCount.currentTimePublisher) { newCurrentTime in
        self.currentTime = newCurrentTime
    }

Дело в том, что после (не во время) прокрутки списка в течение примерно 100 пикселей таймер перестает работать, а метки перестают обновляться, и я понятия не имею, почему.

Поведение, которое я получаю: enter image description here

UPD: вот ссылка на полный проект для справки. https://www.dropbox.com/s/47zoizfqp6upz1e/TimerMinimal.zip?dl=0

1 Ответ

0 голосов
/ 28 января 2020

Я думаю, что проблема заключается в ошибке в Xcode. Или, по крайней мере, что-то очень недокументированное. Или просто загадка.

Похоже, проблема возникает, когда представления повторно используются из табличного представления (подобно старому объекту dequeue-вещи), что затем каким-то образом приводит к потере подписки и отсутствию событий таймера. больше не публикуются.

Тем не менее, я нашел что-то вроде обходного пути.

В TimerPlusView.swift переместите обработчик .onReceive в самое нижнее представление тела, например 

var body: some View {

    Button(action: {
        self.timer.title = "Tapped"
    }) {
        VStack(alignment: .leading) {
            Text(timer.title ?? "New Timer")
                .font(.largeTitle)
                .fontWeight(.bold)
                .foregroundColor(.black)
            Text("\(currentTime.timeIntervalSince(timer.time ?? Date()))")
                .font(.largeTitle)
                .fontWeight(.bold)
                .foregroundColor(.black)
                .opacity(0.5)
            // onReceive doesn't seem to work here:
            //.onReceive(timeCount.currentTimePublisher) { newCurrentTime in
            //  self.currentTime = newCurrentTime
            // }

        }
    }
    .buttonStyle(BorderlessButtonStyle())
    .contextMenu {
        Button(action: {
            self.context.delete(self.timer)
        }) {
            Text("Delete")
        }
    }
    // here, onReceive works:
    .onReceive(timeCount.currentTimePublisher) { newCurrentTime in
      self.currentTime = newCurrentTime
    }
}
...