ios - SwiftUI:列表上的渐变背景

Question

有人可以告诉我如何在 SwiftUI 列表中添加渐变背景吗？

当前代码:

struct TestView: View {
    var body: some View {
        LinearGradient(gradient: Gradient(colors: [Color.red, Color.purple]), startPoint: .top, endPoint: .bottom)
            .edgesIgnoringSafeArea(.vertical)
            .overlay(
                List {
                    Group {
                        Text("Hallo")
                        Text("World")
                    }
                    .background(Color.blue)
                }
                .background(Color.green)
                .padding(50)
        )
    }
}

当前布局，在单元格后面可以看到渐变。我想让单元格透明以查看下面的渐变。



谢谢!

Answer 1

您已经添加了渐变。只需使背景颜色清晰并摆脱那些测试代码；)
iOS 16
您可以使用 scrollContentBackground(.hidden) 隐藏任何可滚动内容的背景。修饰符
iOS 15 及以下
您应该使用 appearance 隐藏默认列表背景和所有单元格。 UITableView 的属性(property)和 UITableViewCell您也可以使用 .listRowBackground(.clear) 隐藏单元格背景
例子

struct TestView: View {

    init() {
        UITableView.appearance().backgroundColor = .clear
        UITableViewCell.appearance().backgroundColor = .clear
    }
    
    var body: some View {
        LinearGradient(gradient: Gradient(colors: [Color.red, Color.purple]), startPoint: .top, endPoint: .bottom)
            .edgesIgnoringSafeArea(.vertical)
            .overlay(
                List {
                    Group {
                        Text("Hallo")
                        Text("World")
                    }
                }
                .padding(50)
        )
    }