[SwiftUI]Divider(区切り線)の色(color)を設定するには？

どうも、ちょげ(@chogetarou)です。

Dividerの色を設定する方法を紹介します。

方法
使用例

方法

Dividerの色を設定するには、background修飾子を使います。

まず、Dividerにbackground修飾子を付与します。

そして、background修飾子の引数にDividerで表示する区切り線の色を指定します。

Divider()
    .background(/*区切り線の色*/)

background修飾子を使えば、Dividerの色を設定することができます。

使用例

以下は、使用例です。

struct ContentView: View {
    
    var body: some View {
        VStack {
            Divider()
                .background(Color.red)
            Divider()
                .background(Color.yellow)
            Divider()
                .background(Color.green)
        }
    }
    
}