SwiftUIでのモーダル表示はおとなしく公式を使うのが無難である件について

1
import SwiftUI
2

3
/// コンテンツビュー
4
struct ContentView: View {
5
    var body: some View {
6
        List(content: {
7
            SheetButton()
8
            FullScreenButton()
9
        })
10
    }
11
}
12

13
/// モーダル表示用のボタン
14
struct SheetButton: View {
15
    @State private var isPresented: Bool = false
16

17
    var body: some View {
18
        Button(action: {
19
            isPresented.toggle()
20
        }, label: {
21
            Text("Sheet")
22
        })
23
        .sheet(isPresented: $isPresented, content: {
24
            ModalView()
25
        })
26
    }
27
}
28

29
/// フルスクリーン表示用のボタン
30
struct FullScreenButton: View {
31
    @State private var isPresented: Bool = false
32

33
    var body: some View {
34
        Button(action: {
35
            isPresented.toggle()
36
        }, label: {
37
            Text("FullScreen")
38
        })
39
        .fullScreenCover(isPresented: $isPresented, content: {
40
            ModalView()
41
        })
42
    }
43
}
44

45
/// 表示されるモーダル
46
struct ModalView: View {
47
    @Environment(\.dismiss) var dismiss
48

49
    var body: some View {
50
        GroupBox(content: {
51
            Button(action: {
52
                dismiss()
53
            }, label: {
54
                Text("Close")
55
            })
56
        })
57
    }
58
}

1
import SwiftUI
2
import Introspect
3

4
/// モーダル表示用のボタン
5
struct SheetButton: View {
6
    @State private var isPresented: Bool = false
7

8
    var body: some View {
9
        Button(action: {
10
            isPresented.toggle()
11
        }, label: {
12
            Text("Sheet")
13
        })
14
        .sheet(isPresented: $isPresented, content: {
15
            ModalView()
16
              .introspectViewController(customize: { controller in
17
                    /// UIHostingController
18
                    /// 引っ張って閉じれないようにする
19
                    controller.isModalInPresentation = true
20
                    /// 背景色を透明にする
21
                    controller.view.backgroundColor = .clear
22
                })
23
        })
24
    }
25
}

1
extension UIApplication {
2
    @available(iOS 15.0, *)
3
    var keyWindow: UIWindow? {
4
        return self.connectedScenes
5
            .compactMap({ $0 as? UIWindowScene })
6
            .first(where: { $0.activationState == .foregroundActive })?
7
            .windows
8
            .first(where: { $0.isKeyWindow })
9
    }
10

11
    @available(iOS 15.0, *)
12
    var rootViewController: UIViewController? {
13
        return self.keyWindow?.rootViewController
14
    }
15

16
    @available(iOS 15.0, *)
17
    public var presentedViewController: UIViewController? {
18
        keyWindow?.makeKeyAndVisible()
19

20
        guard let rootViewController = keyWindow?.rootViewController
21
        else {
22
            return nil
23
        }
24

25
        var presentedViewController: UIViewController? = rootViewController
26
        while let controller: UIViewController = presentedViewController?.presentedViewController {
27
            presentedViewController = controller
28
        }
29
        return presentedViewController
30
    }
31
}

1
extension View {
2
    func fullScreen<Content: View>(
3
        isPresented: Binding<Bool>,
4
        modalPresentationStyle: UIModalPresentationStyle = .fullScreen,
5
        modalTransitionStyle: UIModalTransitionStyle = .coverVertical,
6
        isModalInPresentation: Bool = false,
7
        @ViewBuilder content: @escaping () -> Content
8
    ) -> some View {
9
        if isPresented.wrappedValue {
10
            let controller: UIHostingController = UIHostingController(rootView: content())
11
            controller.modalPresentationStyle = modalPresentationStyle
12
            controller.modalTransitionStyle = modalTransitionStyle
13
            controller.isModalInPresentation = isModalInPresentation
14
            UIApplication.shared.presentedViewController?.present(controller, animated: true, completion: {
15
                DispatchQueue.main.async(execute: {
16
                    isPresented.wrappedValue.toggle()
17
                })
18
            })
19
        }
20
        return self
21
    }
22
}