Instance Method インスタンスメソッド

listRowBackground(_:)

Places a custom background view behind a list row item. あつらえのバックグラウンドビューをあるリスト行項目の後ろに置きます。

Declaration 宣言

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

Return Value 戻り値

A list row view with view as its background view. それのバックグラウンドビューとしてviewをもつあるリスト行ビュー。

Parameters パラメータ

view

The View to use as the background behind the list row view. リスト行ビューの後ろにバックグラウンドとして使うView

Discussion 議論

Use listRowBackground(_:) to place a custom background view behind a list row item. listRowBackground(_:)を使って、あつらえのバックグラウンドビューをあるリスト行項目の後ろに配置してください。

In the example below, the Flavor enumeration provides content for list items. 下の例において、Flavor列挙はリスト項目それらに対する内容を提供します。 The SwiftUI ForEach structure computes views for each element of the Flavor enumeration and extracts the raw value of each of its elements using the resulting text to create each list row item. The listRowBackground(_:) modifier then places the view you supply behind each of the list row items:


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)
                    )
            }
        }
    }
}

A screenshot showing the placement of an image as the background to

See Also 参照

Background Elements