SwiftUI中如何将列表中的listRowBackground样式移动到列表元素中？

Question

这是我的代码：

var body: some View {
    List(months) { month in
        NavigationLink {
            MonthView(month: month)
        } label: {
            MonthElementView(month: month)
        }
        .listRowBackground(
            Color(uiColor: mode.underlayBackgroundColor)
                .clipped()
                .cornerRadius(10)
        )
    }
    .navigationTitle(months.first?.descriptiveYear ?? "")
}

这只是按预期工作，但我还需要在这里使用MonthElementView(month: month) ：

var body: some View {
    ScrollView {
        VStack(alignment: .leading, spacing: 3, content: {
            if let month = month {
                MonthElementView(month: month)
            } else {
                Text("Nothing here yet")
            }
        })
    }
}

在这里它不起作用。 有没有办法直接在我的MonthElementView中设置 setup.listRowBackground 样式？

这是MonthElementView的主体：

var body: some View {
    VStack(alignment: .center, spacing: 8, content: {
        // some staff here
    })
    .frame(maxWidth: .infinity)
    .padding(.top, 10)
    .padding(.bottom, 10)
    .padding(.leading, 2)
    .padding(.trailing, 2)
}

Answer 1

列表单元格的背景（正如您已经拥有的那样）：

            List(1..<13) { month in
                MonthElementView(month: month)
                    // list background
                    .listRowBackground(
                        Color(.gray).opacity(0.5)
                            .clipped()
                            .cornerRadius(10)
                    )
            }

Scollview 元素的背景：

            ScrollView {
                ForEach(1..<13) { month in
                    MonthElementView(month: month)
                        // scrollview background
                        .background(
                            Color(.orange).opacity(0.7)
                                .clipped()
                                .cornerRadius(10)
                        )
                }
            }