【SwiftUI】onAppearで処理したデータをViewに表示させたい

Question

前提・実現したいこと

onAppear上で、日時の差分を計算し、それをViewに表示させたいです。
私のコードの場合、selfの値は編集できないとしてエラーが発生してしまうため、
他の良いやり方がないか教えていただきたいです。
よろしくお願いします。

発生している問題・エラーメッセージ

Cannot assign to property: 'self' is immutable

該当のソースコード

struct OneActivityView: View {
    var date: Date
    var dateInterval: Int

    var body: some View {
        Text("(dayInterval)")
        .onAppear{
            let day1:Date = date
            let day2:Date = Date()
            self.dateInterval = (Calendar.current.dateComponents([.day], from: day1, to: day2)).day ?? 0
        }
    }
}

Answer 1

@State つけないとですね。

struct ContentView: View {
    var date: Date = Calendar.current.date(byAdding: .day, value: -10, to: Date())!
    @State var dateInterval: Int = 0

    var body: some View {
        // この場合10が表示される
        Text("(dateInterval)")
            .onAppear {
                let day1:Date = self.date
                let day2:Date = Date()
                self.dateInterval = (Calendar.current.dateComponents([.day], from: day1, to: day2)).day ?? 0
        }
    }
}

date 変数が動的に変更されるものでなければ
dateInterval の getter で計算するのもありです。

struct ContentView: View {
    var date: Date = Calendar.current.date(byAdding: .day, value: -10, to: Date())!
    var dateInterval: Int {
        get {
            let day1:Date = self.date
            let day2:Date = Date()
            return (Calendar.current.dateComponents([.day], from: day1, to: day2)).day ?? 0
        }
    }

    var body: some View {
        Text("(dateInterval)")
    }
}

Comments

[Chiaki1111]

なるほど、勉強になります。
ありがとうございます！