Как исчезнуть элемент массива?

У вас неправильная концепция показа диалогов один за другим. Поскольку вы показываете их внутри цикла ForEach, они появятся все сразу.

Я не упомянул ваш индивидуальный дизайн, но поделился концепцией показа каждого текста один раз и перехода к следующему тексту после определенной задержки. Надеюсь, вы сможете сделать вывод и добавить свой собственный дизайн позже.

import SwiftUI

struct ContentView: View {
    let dialogue = [
        "string1",
        "string2",
        "string3",
        "string4",
        "string5",
        "string6"
    ]
    
    let delay = 2 // 2 seconds
    @State var currentDialogIndex = 0

    var body: some View {
        Text(dialogue[currentDialogIndex])
            .font(.title)
            .onAppear(perform: {
                Timer.scheduledTimer(withTimeInterval: TimeInterval(delay), repeats: true) { _ in
                    withAnimation(.easeInOut(duration: TimeInterval(delay))) {
                        currentDialogIndex += 1
                        if currentDialogIndex >= dialogue.count {
                            currentDialogIndex = 0
                        }
                    }
                }
            })
    }
}

Для такого представления в шахматном порядке можно использовать PhaseAnimator:

struct ContentView: View {
    let dialogue = [
        "string1",
        "string2",
        "string3",
        "string4",
        "string5",
        "string6"
    ]

    @State private var hasPresentedDialogue = false

    var body: some View {
        GeometryReader { geometryProxy in
            let w = geometryProxy.size.width
            let h = geometryProxy.size.height

            PhaseAnimator(dialogue, trigger: hasPresentedDialogue) { string in
                Group { // needed for transitions to work
                    Text(string)
                        .frame(width: w * 0.25, height: w * 0.25)
                        .minimumScaleFactor(0.15)
                        .multilineTextAlignment(.center)
                        .foregroundStyle(.white)
                        .font(.system(size: 25, weight: .medium, design: .serif))
                        .background(.cyan.opacity(0.5))
                        .id(string) // needed for transitions to work
                        .transition(
                            .asymmetric(
                                insertion: .push(from: .top),
                                removal: .opacity
                            )
                        )
                }
            } animation: { _ in
                .easeInOut(duration: 0.75).delay(1) // delay(5)
            }
            .padding(.leading, w * 0.525)
            .padding(.top, (h * 0.35) - (w * 0.125))
            .onAppear { hasPresentedDialogue.toggle() }
        }
    }
}

Если вы попробуете приведенный выше код, вы обнаружите, что он не запускается и не останавливается так аккуратно, как на гифке. Это потому, что PhaseAnimator работает по-своему:

• Начальная фаза начинается, как показано, еще до срабатывания триггера.
• В конце цикла он возвращается к первой фазе.

Чтобы исправить это при записи gif, я использовал пустую строку в начале массива. Внутри замыкания я использовал оператор if для проверки пустой строки:

Group {
    if !string.isEmpty {
        // content as before
    }
}

Таким образом, первая фаза может быть полностью подавлена. Если вы решите использовать тот же подход, возможно, вам захочется подавить и задержку, связанную с анимацией (только для первой фазы).

Другие способы решения проблемы «возврата к началу» можно найти в ответах на сообщение Как использовать PhaseAnimator для создания анимации, которая не возвращается к первой фазе?.