当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


Swift Optional listRowBackground(_:)用法及代码示例


实例方法

listRowBackground(_:)

在列表行项目后面放置一个自定义背景视图。

声明

func listRowBackground<V>(_ view: V?) -> some View where V : View

返回值

view 作为背景视图的列表行视图。

参数

view

View 用作列表行视图后面的背景。

详述

使用listRowBackground(_:) 将自定义背景视图放置在列表行项目后面。

在下面的示例中,Flavor 枚举为列表项提供内容。 SwiftUI ForEach 结构计算Flavor 枚举的每个元素的视图,并使用结果文本提取其每个元素的原始值以创建每个列表行项目。 listRowBackground(_:) 修饰符然后将您提供的视图放置在每个列表行项的后面:


struct ContentView: View {
    enum Flavor: String, CaseIterable, Identifiable {
        var id: String { self.rawValue }
        case vanilla, chocolate, strawberry
    }


    var body: some View {
        List {
            ForEach(Flavor.allCases) {
                Text($0.rawValue)
                    .listRowBackground(Ellipse()
                                        .background(Color.clear)
                                        .foregroundColor(.purple)
                                        .opacity(0.3)
                    )
            }
        }
    }
}

可用版本

iOS 13.0+, iPadOS 13.0+, macOS 10.15+, Mac Catalyst 13.0+, tvOS 13.0+, watchOS 6.0+

相关用法


注:本文由纯净天空筛选整理自apple.com大神的英文原创作品 Optional listRowBackground(_:)。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。