swiftUI 実機テストでシミュレーション通りの表示が出ない

Question

SwiftUIにてプログラミングを行なっています。
シミュレーション上でも、Canvas上でも問題なく表示されている以下のテキスト画面が実機（iphoneXR）上ですと正常に表示されません。

        HStack(spacing: 2) {
        Text("Total Time : " )
            Text("10h")
                .font(Font(UIFont.monospacedDigitSystemFont(ofSize: 20, weight: .light)))
                .foregroundColor(Color.black)
            Text(" ")
                .font(.title)
                .foregroundColor(Color.black)
                
            Text("10m")
                .font(Font(UIFont.monospacedDigitSystemFont(ofSize: 20, weight: .light)))
                .foregroundColor(Color.black)
            Text(" ")
                .font(.title)
                .foregroundColor(Color.black)                
           Text("10s")
                .font(Font(UIFont.monospacedDigitSystemFont(ofSize: 20, weight: .light)))
                .foregroundColor(Color.black)
 }

シミュレーションおよびCanvas上はこの様に問題なく表示されます

実機は以下のような表示で、Total Time：以下が表示されません（泣）

!]

（すいませんmの文字が薄くなっていますが、スクリーンショットを取った後、縮小した為で普通に色はでています。また、バックグランドの黒は気にしないでください）

特にビルド上のワーニング等も出ておらず、どこから手をつけていいか不明な状態です。
ヒントや確認事項等、情報いただければ幸いです。

よろしくお願いします。

Answer 1

おそらく実機はダークモードで表示していて黒背景になっているのだと思います。

各Textに .foregroundColor(Color.black) で文字色に黒を指定しているので、黒背景に黒文字で表示して文字が見えなくなっているだけのように見えます。

Comments

[masa328]

まさしく、目からウロコのアンサーありがとうございます。おっしゃる通りダークモード対応したところ、希望通りの表示となりました。
ありがとうございました！！