【SwiftUI】空を表すViewが標準コンポーネントとして提供された！

はじめに

WWDC23をリアルタイムで見た影響でめっちゃ寝不足です笑
SwiftUIでiOS17から使用できるAPIが公開されました。

その中にContentUnavailableViewというものがありました。

どのようなもの？

アプリのコンテンツがユーザーから利用できないときに表示する、ラベルと追加コンテンツで構成されるインターフェース

どんなUI？

実装(テンプレ)

最小

import SwiftUI

struct ContentView: View {
    var body: some View {
        ContentUnavailableView.search
    }
}

検索ワードを指定する

import SwiftUI

struct ContentView: View {
    var body: some View {
        ContentUnavailableView.search(text: "SNQ-2001")
    }
}

実装(カスタム)

最小

import SwiftUI

struct ContentView: View {
    var body: some View {
        ContentUnavailableView {
            Label("No Mail", systemImage: "tray.fill")
        }
    }
}

詳細情報をつける

import SwiftUI

struct ContentView: View {
    var body: some View {
        ContentUnavailableView {
            Label("No Mail", systemImage: "tray.fill")
        } description: {
            Text("New mails you receive will appear here.")
        }
    }
}

ボタンをつける

import SwiftUI

struct ContentView: View {
    var body: some View {
        ContentUnavailableView.init {
            Label("No Mail", systemImage: "tray.fill")
        } description: {
            Text("New mails you receive will appear here.")
        } actions: {
            Button {
                print("更新しました")
            } label: {
                Label("Reload", systemImage: "arrow.clockwise")
            }
        }
    }
}

公式ドキュメント

おわり

Beta版に関する記事なのでちょっと心配です。
「Appleが一般に開示した情報」に該当してると思うので大丈夫だとは思いますが、
もしアウトだったらコメントで教えて欲しいです。