Как получить индекс элемента в ForEach в SwiftUI?

Использование параметра id и индексов

В SwiftUI есть несколько способов получить индекс элемента в ForEach. Основная проблема в вашем коде — вы используете id: \.self, что не даёт прямого доступа к индексу. Вот правильное решение:

struct ContentView: View {
    @State private var items = ["Яблоко", "Банан", "Вишня", "Дыня"]
    
    var body: some View {
        List {
            ForEach(Array(items.enumerated()), id: \.offset) { index, item in
                HStack {
                    Text(item)
                    Spacer()
                    Button("Удалить") {
                        items.remove(at: index)
                    }
                }
            }
        }
    }
}

Объяснение решения

Ключевой момент — использование Array(items.enumerated()). Метод enumerated() возвращает последовательность кортежей (offset: Int, element: Element), где offset — это индекс элемента. Оборачивая это в Array(), мы получаем массив, который ForEach может итерировать. Параметр id: \.offset сообщает SwiftUI, что каждый элемент уникален по своему индексу.

Альтернативный подход с indices

Вы также можете использовать свойство indices массива:

ForEach(items.indices, id: \.self) { index in
    HStack {
        Text(items[index])
        Spacer()
        Button("Удалить") {
            items.remove(at: index)
        }
    }
}

Здесь items.indices возвращает диапазон индексов массива (например, 0..<4). Внутри замыкания вы получаете индекс и обращаетесь к массиву по этому индексу.

Важные замечания

• Производительность: Метод с enumerated() предпочтительнее, если элементы могут повторяться (например, одинаковые строки). id: \.self может вызвать проблемы с уникальностью.
• Изменение массива: При удалении элемента по индексу помните, что индексы сдвигаются. Если вы удаляете элемент из начала списка, индексы последующих элементов уменьшаются на 1. Но в SwiftUI это обрабатывается автоматически благодаря идентификаторам.
• ForEach с Range: Если ваш массив статический, можно использовать ForEach(0..<items.count), но это менее гибко при динамических изменениях.

Полный пример с удалением

struct ContentView: View {
    @State private var items = ["Яблоко", "Банан", "Вишня", "Дыня"]
    
    var body: some View {
        NavigationView {
            List {
                ForEach(Array(items.enumerated()), id: \.offset) { index, item in
                    HStack {
                        Text("\(index + 1). \(item)")
                        Spacer()
                        Button(action: {
                            withAnimation {
                                items.remove(at: index)
                            }
                        }) {
                            Image(systemName: "trash")
                                .foregroundColor(.red)
                        }
                    }
                }
                .onDelete { offsets in
                    items.remove(atOffsets: offsets)
                }
            }
            .navigationTitle("Фрукты (\(items.count))")
        }
    }
}

Этот пример показывает, как получить индекс для кастомной кнопки удаления, а также как использовать встроенный модификатор .onDelete для стандартного свайпа.

struct Fruit: Identifiable {
    let id = UUID()
    let name: String
}

struct ContentView: View {
    @State private var fruits = [
        Fruit(name: "Яблоко"),
        Fruit(name: "Банан"),
        Fruit(name: "Вишня"),
        Fruit(name: "Дыня")
    ]
    
    var body: some View {
        List {
            ForEach(fruits) { fruit in
                HStack {
                    Text(fruit.name)
                    Spacer()
                    Button("Удалить") {
                        if let index = fruits.firstIndex(where: { $0.id == fruit.id }) {
                            fruits.remove(at: index)
                        }
                    }
                }
            }
        }
    }
}