日付をText表示したい

Question

実現したいこと

日付を表示したい

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

Cannot use instance member 'dateFormatter' within property initializer; property initializers run before 'self' is available

該当のソースコード

let dateFormatter = DateFormatter()
let str = dateFormatter.string(from: Date())
Text(str)

試したこと

let dateFormatter = DateFormatter()
let str = dateFormatter.string(from: Date())
をbodyの後ろに記述

Comments

[hoshi-takanori]

そのソースコードをどこに書いたかの問題な気がしますね…。

Answer 1

バージョンが異なるかもしれませんが、iOS15からFormatStyleというのが登場しました。これでFormatterを作成せずに色々なデータを直接 Text で表示することが可能になりました。

そのため、iOS15以降の場合は以下のように記述すると表示されると思います。

import SwiftUI

struct ContentView: View {
    let date: Date = Date()
    var body: some View {
        Text(date, format: Date.FormatStyle.dateTime)
    }
}

また、以下のような実装方法もあります。解説については「リアルタイム日時を表示する方法」を参考にしてください。

@State var dateText = ""
@State var nowDate = Date()
private let dateFormatter = DateFormatter()
init() {
    dateFormatter.dateFormat = "YYYY/MM/dd(E) \nHH:mm:ss"
    dateFormatter.locale = Locale(identifier: "ja_jp")
}
var body: some View {
	Text(dateText.isEmpty ? "\(dateFormatter.string(from: nowDate))" : dateText)
	.onAppear {
	Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { _ in
            self.nowDate = Date()
            dateText = "\(dateFormatter.string(from: nowDate))"
        }
    }
}

エラーコードの解説

エラーコード

Cannot use instance member 'dateFormatter' within property initializer; property initializers run before 'self' is available
は日本語では以下のように訳すことができます。
プロパティ初期化の中でインスタンスメンバー 'dateFormatter' を使うことはできません。プロパティ初期化は 'self' が利用可能になる前に実行されます
このエラーはSwiftUIに限らず、Swift全般で発生するエラーです。

Swiftでは、クラスや構造体が作成されるときに、その中のプロパティ(letやvarだと思って構いません)が初めて値を持つことを「初期化」と言いいます。

この初期化をするタイミングがとても重要です。

エラーメッセージに登場したselfとは、クラスや構造体自身を指す単語です。Swiftの言語仕様では、selfは「初期化してから使うもの」という決まりがあります。

今回、dateFormatterというインスタンスメンバーを初期化する前に使用したため、このようなエラーが発生しました。