3

我尝试显示一些取决于整数的图像。

以'3'为例,我想要:

在此处输入图像描述

VStack {
     Text(recette.name)
     HStack() {
           Text("Durée 20 min")
             .font(.caption)
             .fontWeight(.light)
           Text("Notes")
             .font(.caption)
             .fontWeight(.light)
           HStack(spacing: -1.0) {
                for 0 in 0...recette.avis{
                      Image(systemName: "star.fill")
                        .padding(.leading)
                        .imageScale(.small)
                        .foregroundColor(.yellow)
                 }
            }
     }
}

但是代码不会在 for 中出现此错误。

包含控制流语句的闭包不能与函数构建器“ViewBuilder”一起使用

有人可以帮助我吗?

谢谢你。

4

1 回答 1

7

您想使用 aForEach来创建您的星星。

下面是一个工作示例。

// This is a simple struct to mock the data
struct Recette {
    let name: String = "Test"
    let avis: Int = 3
}

struct ContentView: View {

    let recette = Recette()

    var body: some View {
        VStack {
            Text(recette.name)
            HStack() {
                Text("Durée 20 min")
                    .font(.caption)
                    .fontWeight(.light)
                Text("Notes")
                    .font(.caption)
                    .fontWeight(.light)
                HStack(spacing: -1.0) {
                    ForEach(0..<recette.avis) {_ in // <- use ForEach() here
                        Image(systemName: "star.fill")
                            .padding(.leading)
                            .imageScale(.small)
                            .foregroundColor(.yellow)
                    }

                }
            }
        }
    }
}

这是上面的代码产生的:

产生什么代码

于 2019-11-07T14:02:02.723 回答