[SwiftUI]Toggle(トグル)の表示スタイル(show style)を設定するには？

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

Toggleボタンの表示スタイルを設定する方法を紹介します。

方法
使用例

方法

Toggleボタンの表示スタイルを設定するには、toggleStyle修飾子を使います。

まず、ToggleにtoggleStyle修飾子を付与します。

そして、toggleStyleの引数にToggleStyleの値を指定します。

Toggle(・・・)
    .toggleStyle(ToggleStyle)

toggleStyle修飾子を使うことで、Toggleの表示スタイルを設定することができます。

ToggleStyleの値で使えるのは、次の３つです。

automatic : 自動的に設定
button : ボタン式
switch : デフォルトのスイッチ式

使用例

struct ContentView: View {
    
    @State var isOn = false
    
    var body: some View {
        VStack {
            
            Toggle("Switch", isOn: $isOn)
                .toggleStyle(.switch)
                .padding()
            
            Toggle("Switch", isOn: $isOn)
                .toggleStyle(.button)
            
        }
    }
}