[SwiftUI] alert のあまり知られていない表示方法(item:)

⌛️ 2 min.

alert は alert(isPresented:….) で使うのが普通に感じていましたが、別の方法を知ったので、説明します。

Sponsor Link

alert 普通の表示方法

alert isPresented


func alert(isPresented: Binding, content: () -> Alert) -> some View

Alert といえば、上記の Method を使って表示制御するのが普通だと思ってました。isPresented が true なら表示、false なら非表示で直感的でわかりやすいものです。

Alert 表示 (isPresented)


//
//  ContentView.swift
//  SheetWithOptionalItem
//
//  Created by Tomoaki Yagishita on 2020/10/18.
//

import SwiftUI

struct Person {
  var name: String = ""
  var age:Int = 20
}

struct ContentView: View {
  @State private var person: Person?
  @State private var showAlert:Bool = false
  var body: some View {
    VStack {
      Button("set person") {
        person = Person(name: "someone", age: 25)
        showAlert.toggle()
      }
    }
    .alert(isPresented: $showAlert) {
      Alert(title: Text("Person available"), message: Text("Name: \(person!.name)"), dismissButton: nil) // person! を使う必要あり
    }
  }
}

欠点としては、プログラムの仕様としては showAlert が true のときには、person は non-nil になる制約がありますが、プログラムフロー的に実現されているので、プログラム的には、! をつかって、強制的にoptional を外す必要があることです。

「app snapshot」

[SwiftUI]Sheetの閉じかた:Environmentの.presentationModeより@Bindingを渡して行う表示制御が自然に思える

alert 別の表示方法

alert


func alert(item: Binding, content: (Item) -> Alert) -> some View where Item : Identifiable

引数に、item を渡せる Method があります。

これは、例えば Alert の表示対象が存在するときに、Alert を表示させ、なければ表示しないというような使い方ができます。

content の引数に、Item が渡されるのも特徴です。

Alert 表示 (item)


//
//  ContentView.swift
//  SheetWithOptionalItem
//
//  Created by Tomoaki Yagishita on 2020/10/18.
//

import SwiftUI

struct Person: Identifiable {
  var id: String = UUID().uuidString
  var name: String = ""
  var age:Int = 20
}

struct ContentView: View {
  @State private var person: Person?
  var body: some View {
    VStack {
      Button("set person") {
        person = Person(name: "someone", age: 25)
      }
    }
    .alert(item: $person) { person in
      Alert(title: Text("Person available"), message: Text("Name: \(person.name)"), dismissButton: nil)
    }
  }
}

こちらは、person そのものを判定基準に使っているので、! で optional を外す必要はありません。
ただし、item が Identifiable に準拠することが必要です。