Блог

Этот простой ScrollView имеет очень прерывистую прокрутку при каждом обновлении @State свойства.

 import SwiftUI

struct ContentView: View {
    
    @State var currentTime: Double = 0
    let timer = Timer.publish(every: 0.5, on: .main, in: .common).autoconnect()
    
    var body: some View {
        ScrollView {
            Text("currentTime: (currentTime)")
        }
        .onReceive(timer) { input in
            currentTime = input.timeIntervalSince1970
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
 

Видео с глюками при прокрутке. ScrollView не работает.

Что я пробовал

• Помещая .onReceive внутри ScrollView
• Обновление @State currentTime с помощью других методов, помимо таймера. Все они так глючат.

Как я могу добиться ScrollView плавной прокрутки даже во @State время обновлений?

Я думаю, что это ошибка! Я был удивлен, насколько это возможно, потому что я постоянно обновляю свой ScrollView во время прокрутки! вам нужно добавить одну строку кода, чтобы решить проблему!

 import SwiftUI

struct ContentView: View {
    
    @State var currentTime: Double = 0
    let timer = Timer.publish(every: 0.5, on: .main, in: .common).autoconnect()
    
    var body: some View {
        ScrollView {
            
            Color.clear.frame(height: 0)               // <<: Here!
            
            Text("currentTime: (currentTime)")
        }
        .onReceive(timer) { input in
            currentTime = input.timeIntervalSince1970
        }
    }
}