SwiftUI：Picker选值后自动更新Text字段及报错解决

错误原因 #

你遇到的Type '()' cannot conform to 'View'错误，核心原因是SwiftUI的body属性要求返回一个符合View协议的类型，但你直接在body中写了修改@State变量的switch语句——这段代码执行后返回的是Void（即()），不符合View的类型要求，因此触发错误。

解决方案 #

下面提供两种符合SwiftUI响应式逻辑的修复方式：

方案1：使用计算属性（推荐） #

直接通过计算属性根据选中索引动态生成文本，无需手动维护状态，更符合SwiftUI的设计理念：

import SwiftUI

struct ContentView: View {
    
    @State private var years: [String] = ["2010", "2011", "2012"]
    @State private var selectedYearIndex = 2
    
    // 计算属性自动根据选中索引返回对应文本
    private var resultText: String {
        switch selectedYearIndex {
        case 0:
            return "Hello"
        case 1:
            return "Hi"
        case 2:
            return "Bye"
        default:
            return "No"
        }
    }
    
    var body: some View {
        VStack {
            Text("Result Text:")
            Spacer()
            Text(resultText)
            Spacer()
            
            Picker("Choose a Year", selection: $selectedYearIndex) {
                ForEach(0..<years.count) {
                    Text(years[$0]).font(.title)
                }
            }
        }
    }
}

方案2：使用.onChange监听状态变化 #

如果需要保留@State类型的resultText，可以通过.onChange修饰符监听选中索引的变化，再更新文本：

import SwiftUI

struct ContentView: View {
    
    @State private var years: [String] = ["2010", "2011", "2012"]
    @State private var selectedYearIndex = 2
    @State private var resultText = "Bye" // 初始化值匹配默认选中索引
    
    var body: some View {
        VStack {
            Text("Result Text:")
            Spacer()
            Text(resultText)
            Spacer()
            
            Picker("Choose a Year", selection: $selectedYearIndex) {
                ForEach(0..<years.count) {
                    Text(years[$0]).font(.title)
                }
            }
        }
        .onChange(of: selectedYearIndex) { newIndex in
            // 监听索引变化，更新文本
            switch newIndex {
            case 0:
                resultText = "Hello"
            case 1:
                resultText = "Hi"
            case 2:
                resultText = "Bye"
            default:
                resultText = "No"
            }
        }
    }
}

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