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 的构造方法来赋值。

相关推荐
小弟调调9 小时前
Vidwall: 支持将 4K 视频设置为动态桌面壁纸,兼容 MP4 和 MOV 格式
macos·swiftui·桌面应用·macos app
帅次14 小时前
【iOS设计模式】深入理解MVC架构 - 重构你的第一个App
ios·swiftui·objective-c·iphone·swift·safari·cocoapods
东坡肘子19 小时前
高温与奇怪的天象 | 肘子的 Swift 周报 #092
人工智能·swiftui·swift
大熊猫侯佩14 天前
消失的它:摆脱 SwiftUI 中“嵌入视图数量不能超过 10 个”限制的秘密
swiftui·swift·apple
东坡肘子15 天前
失去时才会觉得可贵 | 肘子的 Swift 周报 #090
swiftui·swift·apple
大熊猫侯佩16 天前
SwiftUI 中创建一个自定义文件管理器只需4步!你敢信!?
swiftui·swift·apple
大熊猫侯佩17 天前
SwiftUI 趣谈之:绝不可能(Never)的 View!
swiftui·swift·apple
大熊猫侯佩18 天前
SwiftUI 更自然地向自定义视图传递参数的“另类”方式
swiftui·swift·apple
大熊猫侯佩19 天前
SwiftUI 集合视图(Grid)拖放交换 Cell 的极简实现
swiftui·swift·apple
大熊猫侯佩20 天前
SwiftUI 中无法对添加模糊(blur)效果视图截图的初步解决
swiftui·swift·apple