SwiftUIで複数のモーダルをEnumで出し分ける

2021年2月3日

ShowModal

SwiftUIで複数のモーダルをEnumで出し分ける方法です。 enumを使うことでスッキリと書くことができました。 iOS13では使えないので気をつけてください。

ContentView.swift

import SwiftUI

struct ContentView: View {
    @State var sheetItem: SheetItem?
    var body: some View {
        VStack {
            Button(action: {
                sheetItem = .snorlax
            }) {
                Text("Show Snorlax")
            }
            
            Button(action: {
                sheetItem = .slowpoke
            }) {
                Text("Show Slowpoke")
            }
        }
        .sheet(item: $sheetItem) { item in
            switch item {
            case .snorlax:
                SnorlaxView()
            case .slowpoke:
                SlowpokeView()
            }
        }
    }
}

enum SheetItem: Identifiable {
    case snorlax
    case slowpoke
    var id: Int {
        hashValue
    }
}

struct SnorlaxView: View {
    var body: some View {
        Image("snorlax")
            .resizable()
            .frame(width: 150, height: 150)
            .scaledToFit()
    }
}

struct SlowpokeView: View {
    var body: some View {
        Image("slowpoke")
            .resizable()
            .frame(width: 150, height: 150)
            .scaledToFit()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}