SwiftUI: анимация прокрутки в ScrollView программно?

Question

Мне нужно программно анимировать прокрутку прокрутки. Scrollview содержит либо HStack, либо VStack. Код, который я тестировал, таков:

              ScrollViewReader { proxy in
            ScrollView(.horizontal, showsIndicators: false) {
                HStack(spacing: spacing) {
                    
                    ForEach(cids, id: \.self) { cid in

                        ....
                                
                    }
                    
                }
                .onAppear {
                    withAnimation(Animation.easeInOut(duration: 4).delay(3)) {
                        proxy.scrollTo(testCid)
                    }
                    
                }
            }
            .frame(maxWidth: w, maxHeight: w / 2)
        }

Scrollview приземляется на элемент с , однако он не анимируется. Как только представление появляется на экране, прокрутка уже включена. testCid...

Как я могу анимировать свиток?

Answer 1

Интерактивная прокрутка работает, если вы запускаете ее откуда-то еще (например, Buttonдействия), но не от onAppearмодификатор. Я предполагаю, что это преднамеренное поведение, чтобы пользователь не видел прокрутку при появлении представления (или ошибка в SwiftUI...). Уродливый обходной путь - отложить анимацию с помощью DispatchQueue.main.async:

      import SwiftUI

struct ContentView: View {
    let words = ["planet", "kidnap", "harbor", "legislation", "soap", "management", "prejudice", "an", "trunk", "divide", "critic", "area", "affair"]

    @State var selectedWord: String?

    var body: some View {
        ScrollViewReader { proxy in
            VStack(alignment: .leading) {
                ScrollView(.horizontal, showsIndicators: false) {
                    HStack(spacing: 10) {
                        ForEach(words, id: \.self) { word in
                            Text(word)
                                .background(self.selectedWord == word ? Color.yellow : nil)
                                .id(word)
                        }
                    }
                }

                Button("Scroll to random word") {
                    withAnimation(Animation.easeInOut(duration: 1)) {
                        let word = words.randomElement()
                        self.selectedWord = word
                        proxy.scrollTo(word)
                    }
                }
            }
            .onAppear {
                DispatchQueue.main.async {   // <--- workaround
                    withAnimation(Animation.easeInOut(duration: 1).delay(1)) {
                        let word = self.words.last
                        self.selectedWord = word
                        proxy.scrollTo(word)
                    }
                }
            }
        }
        .padding(10)
    }
}