swiftui - 带有 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 的蓝色背景仅覆盖一个矩形区域，而不是 List 似乎自动创建的整个按钮。奇怪的是，虽然 List 支持背景修饰符，但它似乎被忽略了——没有任何东西是绿色的。

我想做的是确定整个按钮的背景，但我想不出办法——无论我尝试什么恶作剧，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)
    }
}