通过@Published var 上的 didSet 将 Date/Time 保存到 UserDefaults（来自 SwiftUI 的 TimePicker 组件）

Question

我正在尝试保存用户的签到时间首选项（向他们发送通知提醒）。到目前为止，我已经能够将 Bool 和字符串保存到 UserDefaults，但我无法弄清楚如何保存 time 首选项。这是我的 UserSettings class 来存储首选项。

public class UserSettings: ObservableObject {
    
    
    @Published var eveningCheckin: Bool {
        didSet{
            UserDefaults.standard.set(eveningCheckin, forKey: "eveningCheckin")
            print("Evening checkin toggle value in didSET to \(self.eveningCheckin)")
            
        }
    }
    
    @Published var eveningCheckinTime: Date {
        didSet{
            UserDefaults.standard.set(eveningCheckinTime, forKey: "eveningCheckinTime")
            print("Evening checkin didSet to \(self.eveningCheckinTime)")
        }
    }
    
    
    init() {

        self.eveningCheckin = UserDefaults.standard.object(forKey: "eveningCheckin") as? Bool ?? false
        self.eveningCheckinTime = UserDefaults.standard.object(forKey: "eveningCheckinTime") as? Date ?? Date(timeIntervalSince1970: 64800)
        print("Evening checkin time init to \(self.eveningCheckinTime)")// --> To debug
        print("Evening checkin toggle value in init to \(self.eveningCheckin)")
    }
}

我想使用 SwiftUI 提供的时间选择器来设置这个晚上的签到时间。这是我的设置和时间选择器视图。

import SwiftUI

struct SettingsMain: View {
    @ObservedObject var userSettings = UserSettings()
    @State private var showTimepickerEvening = false

    var body: some View {
        NavigationView{
            ScrollView {
                VStack {
                    //Evening checkins
                    Button(action: {
                        //Show  Evening time picker sheet
                        self.showTimepickerEvening.toggle()
                    }) {
                        HStack {
                            Text("\(userSettings.eveningCheckinTime.hour12):\(userSettings.eveningCheckinTime.minute0x) \(userSettings.eveningCheckinTime.amPM.lowercased()) ")
                            Text("Change >")
                        }
                    }
                    .sheet(isPresented: $showTimepickerEvening) {
                        //Sheet view with the Timepicker
                        TimePickerView(pickedTime: self.$userSettings.eveningCheckinTime)
                    }
                }
                .buttonStyle(PlainButtonStyle())
            }
            .navigationBarTitle("Preferences", displayMode: .inline)
        }
    }
}

struct TimePickerView: View {
    @Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>
    @Binding var pickedTime: Date
    
    var body: some View {
        VStack {
            DatePicker("Checkin time", selection: $pickedTime, displayedComponents: .hourAndMinute)
            .labelsHidden()
            
            Button(action: {
                    //Dimiss. Should I actually update my UserDefaults here as well?
                self.presentationMode.wrappedValue.dismiss()
                }) {
                    ZStack {
                        ColorManager.buttonGrey
                        Text("Save time")
                            .font(.system(size: 20))
                            .fontWeight(.semibold)
                    }
                    .frame(height: 64)
                }
            .padding(.all)
            .buttonStyle(PlainButtonStyle())
        }
        .background(Color.white)
    }
}

我的问题是时间选择器确实将时间设置到@Published var 中，但它会通过 init 语句重置。 Bool 值不会发生这种情况。为什么？？

这是上面 print() 语句的输出：基本上意味着每次我尝试使用 Datepicker 设置时间时 -> didSet 确实选择了新时间但 init() 将其重置为默认值.

Evening checkin didSet to 1970-01-01 12:12:00 +0000

Evening checkin time init to 1970-01-01 18:00:00 +0000

Evening checkin toggle value in init to true

Evening checkin didSet to 1970-01-01 12:13:00 +0000

Evening checkin time init to 1970-01-01 18:00:00 +0000

Evening checkin toggle value in init to true

Answer 1

关于如何存储和注释视图模型的问题。你永远不应该在 View 本身中创建一个 @ObservedObject，而是注入它。每当 @ObservedObject 的 @Published 属性更改时，存储该对象的 View 将被重新加载 - 这意味着如果您正在初始化 @ObservedObject View，将创建该对象的一个新实例。

您需要将对象注入视图以避免每次刷新视图时都重新创建它。

struct SettingsMain: View {
    @ObservedObject var userSettings: UserSettings
    @State private var showTimepickerEvening = false
...

然后从你创建 SettingsMain 的任何地方（我们称它为 MainView 作为说明），在那里创建 UserSettings 并将其注释为 @State（或者如果你是从 View 以外的东西创建它 - 比如 ViewModel，然后将其设为 @Published):

struct MainView: View {
    @State var userSettings = UserSettings()

    var body: some View {
        SettingsMain(userSettings: userSettings)
    }
}

通过@Published var 上的 didSet 将 Date/Time 保存到 UserDefaults（来自 SwiftUI 的 TimePicker 组件）

Saving Date/Time to UserDefaults through didSet on @Published var (from TimePicker component of SwiftUI)

swift

swiftui

combine