SwiftUI TabView中TextField焦点切换问题：滚动后聚焦对应输入框

你推测的方向是对的，单个Bool类型的FocusState无法区分不同输入框的焦点状态，导致切换Tab时无法精准聚焦当前页面的输入框。下面给出两种可行方案，推荐使用第一种更简洁的可选索引方式：

方案一：使用可选Int类型的FocusState（推荐） #

这种方式通过记录需要聚焦的输入框索引，精准控制单个输入框的焦点状态，代码更简洁高效：

struct ScoreRoundView: View {
    @StateObject var game: Game
    @State var newScoreEntry: [String]
    @State var selectedTab = 0

    // 用可选Int存储当前需聚焦的输入框索引
    @FocusState private var focusedField: Int?

    init(game: Game) {
        self._game = StateObject(wrappedValue: game)
        // 根据玩家实际数量初始化输入内容，避免冗余
        self._newScoreEntry = State(initialValue: Array(repeating: "", count: game.playersArray.count))
    }

    var body: some View {
        TabView(selection: $selectedTab) {
            ForEach(Array(zip(game.playersArray.indices, game.playersArray)), id: \.1.id) { i, player in
                TextField("Round Score", text: $newScoreEntry[i])
                    // 仅当索引匹配时，输入框获取焦点
                    .focused($focusedField, equals: i)
                    // 修正Tag位置：每个Tab页面对应自己的索引标签
                    .tag(i)
            }
        }
        .tabViewStyle(PageTabViewStyle(indexDisplayMode: .always))
        .onChange(of: selectedTab) { value in
            // 切换Tab时，设置对应索引的输入框聚焦
            focusedField = value
        }
    }
}

关键修改点： #

• FocusState类型调整：从Bool改为Int?，通过索引精准定位需要聚焦的输入框
• 修正Tag位置：将.tag(i)移到ForEach闭包内部，确保每个Tab页面对应正确的索引
• 焦点绑定逻辑：使用.focused($focusedField, equals: i)，只有索引匹配时才激活焦点
• 优化初始化：根据玩家数量动态初始化输入数组，避免固定长度的冗余

方案二：使用数组形式的FocusState #

如果坚持用数组形式，可通过Bool数组对应每个输入框的焦点状态：

struct ScoreRoundView: View {
    @StateObject var game: Game
    @State var newScoreEntry: [String]
    @State var selectedTab = 0

    // 数组元素对应每个输入框的焦点状态
    @FocusState private var focusScores: [Bool]

    init(game: Game) {
        self._game = StateObject(wrappedValue: game)
        let playerCount = game.playersArray.count
        self._newScoreEntry = State(initialValue: Array(repeating: "", count: playerCount))
        self._focusScores = State(initialValue: Array(repeating: false, count: playerCount))
    }

    var body: some View {
        TabView(selection: $selectedTab) {
            ForEach(Array(zip(game.playersArray.indices, game.playersArray)), id: \.1.id) { i, player in
                TextField("Round Score", text: $newScoreEntry[i])
                    .focused($focusScores[i])
                    .tag(i)
            }
        }
        .tabViewStyle(PageTabViewStyle(indexDisplayMode: .always))
        .onChange(of: selectedTab) { value in
            // 重置所有焦点，仅将当前Tab对应的输入框设为聚焦状态
            focusScores = focusScores.enumerated().map { $0.offset == value }
        }
    }
}

说明： #

这种方式通过数组元素的Bool值控制对应输入框的焦点，切换Tab时遍历数组重置状态，相比可选索引方案，内存占用略高，逻辑稍复杂，适合特定场景需求。

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