SwiftUI使用ForEach生成列表按钮偶发末尾若干按钮无响应问题求助

核心问题1：ForEach唯一标识错误 #

你当前使用\.offset作为ForEach的唯一id，当数组元素发生增删、重排等变化时，偏移量会动态变化，会导致SwiftUI无法正确识别对应视图，出现视图复用错位、点击事件绑定错误的问题，这是偶发末尾按钮点击失效的最常见原因。

核心问题2：嵌套GeometryReader导致布局计算异常 #

Button的label内嵌套了多余的GeometryReader，容易引发视图边界计算错误，出现视觉上按钮渲染正常，但实际可点击区域不在响应范围内的问题。

核心问题3：ScrollView内容尺寸适配异常 #

ScrollView内的VStack仅指定了宽度，未做内容适配设置，可能导致ScrollView的可滚动区域小于实际渲染的内容高度，末尾按钮看起来显示正常，实际处于ScrollView的响应区域之外，点击无反馈。

修复后的完整代码 #

@EnvironmentObject var QuestionManager: questionManager

var listItems: [String]
@State var selectedItem: String = ""

var body: some View {
    GeometryReader {geom in
        ScrollView{
            VStack(spacing: 8) { // 增加固定间距避免布局错乱
                // 把id改为.element，若存在重复字符串建议替换为元素的唯一业务id
                ForEach(Array(listItems.enumerated()), id: \.element){ item in
                    Button(action: {
                        if selectedItem != item.element {
                            selectedItem = item.element
                        } else {
                            selectedItem = ""
                            QuestionManager.tmpAnswer = ""
                        }
                    }, label: {
                        // 移除多余的内层GeometryReader，直接用外层geom参数计算
                        Text(item.element)
                            .font(.system(size: geom.size.width * 0.92 / 22))
                            .fixedSize(horizontal: false, vertical: true)
                            .foregroundColor(.black)
                            .lineLimit(2)
                            .minimumScaleFactor(0.5)
                            .frame(maxWidth: .infinity, minHeight: 45)
                            .background(
                                Rectangle()
                                    .fill((item.element == selectedItem) ? Color(.green) : .white)
                                    .border(Color.gray)
                            )
                    })
                    .frame(width: geom.size.width * 0.92, height: 45)
                    .disabled((Int(QuestionManager.answers.year) == Calendar.current.component(.year, from: Date())) ? validateMonth(month: item.offset) : false)
                }
            }
            .frame(width: geom.size.width)
            .padding(.vertical, 12) // 增加上下边距避免内容贴边
        }
    }
}

额外排查点 #

如果修改后仍有偶发失效问题，可添加调试代码确认validateMonth逻辑是否偶发返回true将末尾按钮禁用：

// 加在disabled modifier之前即可
.onAppear {
    let currentYear = Calendar.current.component(.year, from: Date())
    if Int(QuestionManager.answers.year) == currentYear {
        print("按钮\(item.offset) 禁用状态：\(validateMonth(month: item.offset))")
    }
}

内容的提问来源于stack exchange，提问作者L Watson