SwiftUI踩坑记之@State初始化之谜

问题

最近在写 SwiftUI 的时候遇到了一件怪事。

Swift 复制代码
struct AView: View {
    @State private var content: String
    var body: some View {
        Text(content)
    }
}

#Preview {
    AView(content: "Test")
}

上面的代码没有问题,参数可以传递给 AView@state 标记的参数 content

紧接着我们把 conten 变成 optional,结果还是一样符合预期。

Swift 复制代码
struct AView: View {
    @State private var content: String?
    var body: some View {
        Text(content ? "")
    }    
}

#Preview {
    AView(content: "Test")
}

不过当我们给 View 添加初始化方法后,奇怪的事情就开始出现了。外面的参数无法传递给 conten 了,最终 Aview 展示了空字符串。 打断点看了一下,参数确实传递进去了,但走到 body 方法内部时,content 是空的(类型是State<Optional<String>>, _value = nil)。

Swift 复制代码
struct AView: View {
    @State private var content: String?
    var body: some View {
        Text(content ? "")
    }
    
    init(content: String) {
        self.content = content
    }
}

#Preview {
    AView(content: "Test")
}

网上查了一下,发现如果给 Viewinit 方法,需要用特殊的方式给 State 属性赋值。

Swift 复制代码
init(content: String) {
    _content = State(initialValue: content)
}

我理解被 @State 包装的属性类型已经变了(State<Type>)。我们在 View 的上下文中可以直接修改它,但是在初始化方法中不行。

不过当我们把 contentoptional 改成 非 optional 时,情况又变了。不需要使用特殊的方式,值一样可以通过 init 方法传递给 content 。。。

Swift 复制代码
struct AView: View {
    @State private var content: String
    var body: some View {
        Text(content)
    }
    
    init(content: String) {
        self.content = content
    }
}

#Preview {
    AView(content: "Test")
}

结论

一般我们不会主动去写 Viewinit 方法,不过当参数比较多且不是必要参数时,我们可能会重写 init 方法给参数默认值,以简化初始化方法。如果在之后的开发者遇到了参数无法传递问题,可以尝试使用 State 的构造方法来赋值。

相关推荐
东坡肘子2 天前
从开放平台到受控生态:谷歌宣布 Android 开发者验证政策 | 肘子的 Swift 周报 #0101
android·swiftui·swift
HarderCoder3 天前
深入理解 SwiftUI 的 Structural Identity:为什么“换个条件分支”就会丢状态?
swiftui·swift
YungFan3 天前
Swift 6.2 新特性
swiftui·swift
大熊猫侯佩7 天前
当液态玻璃计划遭遇反叛者:一场 iOS 26 界面的暗战
swiftui·xcode·apple
雪糕吖7 天前
SwiftUI 自定义 Shape:实现顶部圆角矩形 RoundedTopRectangle
ios·swiftui
东坡肘子9 天前
写给这段旅程,也写给未来的自己 | 肘子的 Swift 周报 #0100
swiftui·swift·apple
大熊猫侯佩15 天前
SwiftUI 三阵诀:杨过绝情谷悟 “视图布阵” 之道
swiftui·swift·apple
东坡肘子16 天前
未来将至:人形机器人运动会 | 肘子的 Swift 周报 #099
swiftui·swift·apple
吴Wu涛涛涛涛涛Tao19 天前
基于TCA构建Instagram克隆:SwiftUI状态管理的艺术
ios·swiftui
麦兜*21 天前
Swift + Xcode 开发环境搭建终极指南
开发语言·ios·swiftui·xcode·swift·苹果vision pro·swift5.6.3