[Swift]Toggleビュー(トグルView)のテキスト(text)の位置(alignement)を変えるには？

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

Toggleビューで表示するラベルのテキストの位置を変える方法を紹介します。

方法
使用例
1. 関連

方法

Toggleビューのテキストの位置を変えるには、frame修飾子を使います。

まず、Toggleビューのイニシャライザ「Toggle(isOn: lable:)」にします。

次に、引数「label」にTextを指定し、Textにframe修飾子を付与します。

そして、frame修飾子の引数「alignment」に位置を指定します。

Toggle(isOn: $isShow) {
    Text("ラベル")
        .frame(alignment: .〇〇)
}

frame修飾子を使えば、テキストの位置を変えることが出来ます。

テキストの位置が変わらない場合は、frame修飾子の引数「width」に横幅を指定します。

使用例

struct ContentView: View {
    
    @State var isShow = false
    
    var body: some View {
        VStack {
            Toggle(isOn: $isShow) {
                Text("Toggle Button")
                    .frame(width: 300, alignment: .trailing)
            }
            .padding()
        }
    }
}