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 天前
高通收购 Arduino:历史的轮回 | 肘子的 Swift 周报 #0106
swiftui·arduino·swift
HarderCoder2 天前
Swift 基础语法全景(一):从变量到类型安全
swiftui·swift
QWQ___qwq4 天前
SwiftUI 的状态管理包装器(Property Wrapper)
ios·swiftui·swift
jh_cao6 天前
(4)SwiftUI 基础(第四篇)
ios·swiftui·swift
jh_cao7 天前
(3)SwiftUI 的状态之上:数据流与架构(MVVM in SwiftUI)
ios·架构·swiftui
jh_cao7 天前
(3)容器布局进阶:Spacer、Divider、Frame 与 Alignment
swiftui
东坡肘子7 天前
Sora 2:好模型,但未必是好生意 | 肘子的 Swift 周报 #0105
人工智能·swiftui·swift
jh_cao8 天前
(1)SwiftUI 的哲学:声明式 UI vs 命令式 UI
ui·swiftui·命令模式
HarderCoder8 天前
Swift 6 并发深渊:@unchecked Sendable 与“隐式 MainActor”如何合谋杀死你的 App
swiftui·swift
HarderCoder8 天前
告别 UIKit 生命周期:SwiftUI 视图一生全解析——从 init 到 deinit 的“隐秘角落”
swiftui·swift