SwiftUI中Index out of Range问题：修复Excursion数组操作异常

核心原因 #

你的问题本质是SwiftUI视图与数组绑定的索引依赖问题：

• 创建新Excursion时直接添加Item，视图可能在数组未完全初始化完成时就尝试访问索引；
• 调用clear()清空数组时，视图中仍有绑定到旧索引的控件（比如绑定到$itineraryItems[index].xxx的输入框），导致索引越界。

具体修复步骤 #

1. 让行程项支持标识，摆脱索引依赖

首先确保ItineraryItem遵循Identifiable协议，这样视图遍历可以直接绑定元素而非索引，从根源避免索引越界：

struct ItineraryItem: Identifiable {
    let id = UUID() // 自动生成唯一标识
    var title: String
    var duration: TimeInterval
    // 你的其他属性
}

2. 修改视图遍历逻辑

将原来基于索引的ForEach替换为基于元素的绑定，彻底移除索引依赖：

// 错误写法（依赖索引）
ForEach(0..<excursion.itineraryItems.count) { index in
    TextField("标题", text: $excursion.itineraryItems[index].title)
}

// 正确写法（绑定元素）
ForEach($excursion.itineraryItems) { $item in
    TextField("标题", text: $item.title)
}

3. 重构clear()方法，确保视图同步更新

在Excursion类的clear()方法中，用withAnimation包裹数组清空操作，让SwiftUI平滑处理视图更新，避免控件绑定到已不存在的元素：

class Excursion: ObservableObject {
    @Published var itineraryItems: [ItineraryItem] = []
    
    func clear() {
        withAnimation {
            itineraryItems.removeAll()
        }
    }
}

4. 修复新Excursion创建时的初始化逻辑

如果创建新Excursion时直接传入初始化好的Item数组，确保视图在渲染前数组已完全初始化。可以在视图中添加空值判断，避免提前渲染依赖数组的控件：

// 在创建新Excursion的视图中
if !excursion.itineraryItems.isEmpty {
    // 渲染行程项列表
    ForEach($excursion.itineraryItems) { $item in
        // ...
    }
}

5. 移除所有硬编码的索引引用

检查视图中是否存在类似selectedIndex = 0这类硬编码索引的逻辑，替换为可选类型的索引，确保数组状态变化时不会访问无效索引：

@State private var selectedItemId: UUID? // 用Item的id代替索引

// 添加新Item后更新选中状态
func addNewItem() {
    let newItem = ItineraryItem(title: "新行程", duration: 30)
    excursion.itineraryItems.append(newItem)
    selectedItemId = newItem.id
}

// 清空后重置选中状态
func clearExcursion() {
    excursion.clear()
    selectedItemId = nil
}

// 视图中访问选中Item时
if let itemId = selectedItemId, 
   let selectedItem = excursion.itineraryItems.first(where: { $0.id == itemId }) {
    // 处理选中的Item
}

内容的提问来源于stack exchange，提问作者David Crook