Есть ли способ установить идентификатор представления после перехода анимации?

В firstView модификатор scrollPosition использовался для привязки положения прокрутки к переменной scrollId. Это означает, что когда ScrollView в firstView прокручивается вверх, переменная состояния scrollId обновляется.

Переменная состояния, вероятно, обновляется в середине перехода. Однако когда это происходит, родительское представление TestSwiftUIView4 заменяет firstView на secondView. Вот почему происходят резкие изменения.

Вы можете немного смягчить переход, добавив модификатор .animation к родительскому представлению. Для этого необходимо вложить оператор переключателя в Group:

var body: some View {
    Group {
        switch scrollId {
        case 4:
            lastView()
        case 2:
            secondView(scrollId: $scrollId)
        default:
            firstView(scrollId: $scrollId)
        }
    }
    .animation(.easeInOut, value: scrollId)
}

Однако я бы предположил, что всю эту конструкцию представления можно упростить:

• Вместо переключения представлений внутри родительского представления просто используйте один ScrollView в качестве родительского контейнера для дочерних представлений.
• Таким образом, нет необходимости в двух версиях кадра 2. Однако для этого требуется, чтобы текстовое сообщение, отображаемое под прокручиваемым содержимым, было перемещено в родительское представление.
• Чтобы запретить пользователю прокручивать обратно к кадру 1, прокрутку можно отключить после прокрутки кадра 1.
• Привязку к scrollId не нужно передавать в secondView, поскольку она не обновляется. Действительно, кадрам 2 и 3 больше не нужны конкретные идентификаторы, поскольку на них никогда не ссылаются.
• Я не мог понять, как можно было добраться до lastView, думаю, это был просто фиктивный вид, который никогда не предназначался для показа?

Единственная сложность — отключить прокрутку по вертикали ScrollView, когда Кадр 1 прокручивается вверх. Я начал с того, что попробовал следующее:

ScrollView(.vertical) {
    // ...
}
.scrollDisabled(scrollId == 2)

Это работает, но иногда дает резкий переход, как это было раньше, в зависимости от того, насколько быстро прокручивается кадр 1.

Лучшее решение — использовать отдельную переменную состояния для управления отключенной прокруткой. Переменную состояния можно обновить, когда будет обнаружено, что secondView был прокручен вверх. Для определения этого можно использовать GeometryReader на фоне secondView.

Фактически, если у вас есть флаг, который обновляется при прокрутке secondView вверх, нет необходимости отслеживать scrollId вообще. Это означает, что .scrollPosition тоже можно отбросить вместе с другими модификаторами .id.

Вот полностью переработанная версия:

struct firstView: View {
    var body: some View {
        Color.gray
            .overlay { Text("Frame 1") }
            .padding(10)
            .containerRelativeFrame([.horizontal, .vertical])
    }
}

struct secondView: View {
    var body: some View {
        ScrollView(.horizontal) {
            HStack(spacing: 0) {
                Color.gray
                    .overlay { Text("Frame 2") }
                    .padding(10)
                    .containerRelativeFrame([.horizontal, .vertical])
                    .scrollTransition { content, phase in
                        content.opacity(phase.isIdentity ? 1: 0)
                    }
                Color.gray
                    .overlay { Text("Frame 3") }
                    .padding(10)
                    .containerRelativeFrame([.horizontal, .vertical])
                    .scrollTransition { content, phase in
                        content.opacity(phase.isIdentity ? 1: 0)
                    }
            }
            .scrollTargetLayout()
        }
        .scrollTargetBehavior(.paging)
    }
}

struct TestSwiftUIView4: View {
    @State private var isSecondViewShowing = false

    private var scrollDetector: some View {
        GeometryReader { proxy in
            let minY = proxy.frame(in: .scrollView).minY
            Color.clear
                .onChange(of: minY) { oldVal, newVal in
                    if !isSecondViewShowing, newVal <= 0 {
                        isSecondViewShowing = true
                    }
                }
        }
    }

    var body: some View {
        VStack {
            ScrollView(.vertical) {
                VStack(spacing: 0) {
                    firstView()
                        .scrollTransition { content, phase in
                            content.opacity(phase.isIdentity ? 1: 0)
                        }
                    secondView()
                        .scrollTransition { content, phase in
                            content.opacity(phase.isIdentity ? 1: 0)
                        }
                        .background { scrollDetector }
                }
                .foregroundStyle(.white)
                .scrollTargetLayout()
            }
            .scrollIndicators(.hidden)
            .scrollTargetBehavior(.paging)
            .scrollDisabled(isSecondViewShowing)

            if isSecondViewShowing {
                Text("Do you want to play a game?")
            } else {
                Text("Hello World!")
            }
        }
    }
}