SwiftUiのAlert内に配置されたButtonを太字にする

Swift Swift
Swift

SwiftUiで画面を構築している際に、Alertを表示し、Alert内のButtonを太字にしたかったので、そのやり方のメモです。_φ(･_･

HStack {
    Text("タップできるテキスト")
    .onTapGesture {
        // タップ後の処理
    }
    .alert(
        "タイトル",
        isPresented: $vm.state.userAddAlertState) {
            Text("aa")
            Text("bb")
            Button {
                // アラートに表示されたボタンをタップ後の処理
            } label: {
                Text("キャンセル")
            }
            .keyboardShortcut(.defaultAction)
        } message: {
            Text("mmm")
        }

.keyboardShortcut(.defaultAction)

この記述によって太字になりました。

Button(
                            role: .destructive,
                            action: {
                                
                            },
                            label: {
                                Text("ee")
                            }
                        )

このroleを記述する事で、キャンセルのボタンが自動で配置されるようです。
キャンセルや、削除などの行為をセットで配置したいだけなら、このような記述の方がいいかもしれません。

コメント

タイトルとURLをコピーしました