SwiftUI如何延迟设置@State变量值 为DatePicker设置初始值

问题原因 #

你遇到的赋值失效问题根源在@State属性的底层实现逻辑：@State的实际存储独立于View结构体本身，在View的init方法中直接对startDate（也就是@State的包装值wrappedValue）赋值时，@State的底层存储还未完成初始化关联，赋值会被直接丢弃，不会生效。

同时属性声明阶段直接用db赋值会报错，是因为Swift类/结构体的属性初始化顺序要求：所有实例属性初始化完成前，不能访问self的成员，此时db还未完成初始化，自然无法调用。

解决方案 #

根据你的数据库读取是同步还是异步场景，有两种常用的稳定实现方案：

方案1：init阶段直接初始化@State本身（适合同步取数场景）

直接访问@State属性对应的投影值（下划线开头的变量），对@State包装器本身进行初始化，完全规避初始化顺序问题：

import SwiftUI

struct ContentView: View {
    private let db: DB
    // 这里只声明类型，不赋默认值
    @State private var startDate: Date
    
    var body: some View {
        DatePicker("Start Date",
                   selection: $startDate,
                   displayedComponents: [.date])
    }
    
    init() {
        // 先初始化依赖的DB实例
        let dbInstance = DB()
        self.db = dbInstance
        // 直接初始化State包装器，传入从DB取到的初始值
        self._startDate = State(initialValue: dbInstance.theDate)
    }
}

class DB {
    var theDate: Date
    
    init() {
        theDate = Date.distantPast
    }
}

该方案不会出现日期先显示当前值再跳转的闪烁问题，初始渲染就会直接展示从DB读取到的日期。

方案2：onAppear阶段赋值（适合异步取数场景）

如果读取数据库是异步操作（比如要做磁盘IO查询、网络请求拉取用户注册日期），可以用onAppear修饰符，在View渲染完成后赋值，@State更新后会自动刷新DatePicker的选中值：

import SwiftUI

struct ContentView: View {
    private let db = DB()
    // 初始值可以随便设置，后续会被覆盖
    @State private var startDate = Date()
    
    var body: some View {
        DatePicker("Start Date",
                   selection: $startDate,
                   displayedComponents: [.date])
        .onAppear {
            // 此处支持异步逻辑，比如从数据库异步查询完成后再赋值
            startDate = db.theDate
        }
    }
}

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