SwiftUIでForEachを使う時にエラーが出る時の対処方法

Question

前提・実現したいこと

SwiftUIでオブジェクトの背景色をグラデーションで表現したいです。
ForEach文でテキストを複数表示させ、RGB値が10ずつあがるようコーディグしたいです。

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

Initializer 'init(_:id:content:)' requires that 'Double.Stride' (aka 'Double') conform to 'SignedInteger'

該当のソースコード

上のコードはForEachを用いずに書いたものです。
同じものをForEachで書きたいです。

import SwiftUI

struct SwiftUIView: View {
    var body: some View {
        HStack {
            VStack {
                Text("Hello, World!")
                .background(Color(red: 0/255, green: 1, blue: 1))
                Text("Hello, World!")
                .background(Color(red: 50/255, green: 1, blue: 1))
                Text("Hello, World!")
                .background(Color(red: 100/255, green: 1, blue: 1))
                Text("Hello, World!")
                .background(Color(red: 150/255, green: 1, blue: 1))
                Text("Hello, World!")
                .background(Color(red: 200/255, green: 1, blue: 1))
                Text("Hello, World!")
                .background(Color(red: 250/255, green: 1, blue: 1))
                
            }
            VStack {
                ForEach(1...6, id: .self){i in
                Text("Hello, World!")
                .background(Color(red: i*10/255, green: 1, blue: 1))
                }
               
            }
        }
    }
}

struct SwiftUIView_Previews: PreviewProvider {
    static var previews: some View {
        SwiftUIView()
    }
}

試したこと

Int型の変数iをDouble型に変換した。
iに@State属性がないことが原因かと思い、

import SwiftUI

struct SwiftUIView: View {
    @State private var i = 0
    var body: some View {
        
        HStack {
            VStack {
                Text("Hello, World!")
                .background(Color(red: 0/255, green: 1, blue: 1))
                Text("Hello, World!")
                .background(Color(red: 50/255, green: 1, blue: 1))
                Text("Hello, World!")
                .background(Color(red: 100/255, green: 1, blue: 1))
                Text("Hello, World!")
                .background(Color(red: 150/255, green: 1, blue: 1))
                Text("Hello, World!")
                .background(Color(red: 200/255, green: 1, blue: 1))
                Text("Hello, World!")
                .background(Color(red: 250/255, green: 1, blue: 1))
                
            }
            VStack {
                ForEach(1...6, id: .self){_ in
                Text("Hello, World!")
                    .background(Color(red: Double(self.i*10/255), green: 1, blue: 1))
                    i += 10
                }
               
            }
        }
    }
}

struct SwiftUIView_Previews: PreviewProvider {
    static var previews: some View {
        SwiftUIView()
    }
}

としましたが、Type '()' cannot conform to 'View'; only struct/enum/class types can conform to protocolsというエラーが出ました。

Answer 1

以下のように書き換えたら動きました。

• @State private var i は不要です。@State は View が持つ「状態」のことですが、i は単なるループ変数で、状態ではありません。
• i はクロージャの引数で受け取れます。
• ForEach には closed range (1...6) は使えないので、open range (1..<7) で書き換える必要がありますが、意味的には多分 0..<6 ではないでしょうか。
• Double(i * 50 / 255) だと括弧の中が Int のまま計算されて 0 になってしまいます。

            VStack {
                ForEach(0..<6) { i in
                    Text("Hello, World!")
                        .background(Color(red: Double(i * 50) / 255, green: 1, blue: 1))
                }
            }

(それにしても SwiftUI のエラーメッセージは不親切すぎますね。来月の WWDC に期待…。)

Comments

[Hyperbolic4183]

解決しました。本当にありがとうございます!