带有SwiftUI的Apple Watch上列表项的背景

Question

我正在使用SwiftUI构建Apple Watch屏幕。布局工作得很好，但是我似乎无法弄清颜色样式的某些方面。这是我的代码：

struct Watch3ThingsMainUI: View {
    var goals: [Goal]

    var body: some View {

        VStack {
            Text("3things")
                .foregroundColor(Color("3thingsBlue"))

            List(goals) { goal in
                HStack {
                    Text(goal.name)

                    Spacer()

                    Image(systemName: "gear")
                }
                .background(Color.blue)
            }
            .background(Color.green)
            .foregroundColor(Color.red)
            .accentColor(Color.yellow)
        }
    }
}

这是它的渲染方式的镜头：

您会注意到，HStack的蓝色背景仅覆盖一个矩形区域，而不是列表似乎自动创建的整个按钮。奇怪的是，尽管列表支持背景修饰符，但它似乎被忽略了-没有绿色显示。

我想做的就是确定整个按钮的背景，但我找不到解决办法-无论我尝试哪种假名，它在HStack周围始终都是深灰色。

Answer 1

尝试将其替换为可以使整个按钮变为蓝色的身体

var body: some View {

    VStack {
        Text("3things")
            .foregroundColor(Color("3thingsBlue"))
        List {
            ForEach(self.goals) { goal in
                HStack {
                    Text(goal.name)
                    Spacer()
                    Image(systemName: "gear")
                }
                .listRowBackground(Color.blue)
            }
        }
        .foregroundColor(Color.red)
        .accentColor(Color.yellow)
    }
}