SwiftyUI#

実はこれでも動く#

一見するとヤバそうなコードなのですが、これでも動きます。

import SwiftUI
import SwiftyUI

struct ContentView: View {
    @State var isPresented: Bool = false

    var body: some View {
        NavigationView {
            List {
                ForEach(Range(0...10)) { index in
                    Button(action: {
                        isPresented.toggle()
                    }, label: {
                        Text("OPEN \(index)")
                    })
                }
                .sheet(isPresented: $isPresented, content: {
                    UserView(id: index)
                })
            }
            .navigationTitle("Presentation Demo")
        }
    }
}

ContentView 自体がisPresentedと遷移先の View を持っているため、どのボタンから呼び出されたかわからなくて困るんじゃないかと思うのですが、実はこれで動いてしまいます。そこはきっと Apple か何かの公式に闇の力が働いているんだと思います。

ただし、このコードは SwiftyUI で提供している自作 ModalWindow ではバグが発生して（複数の ModalWindow が同時に呼ばれてしまう）利用することができません。

ちゃんと最初に載せたようにボタンごとにisPresentedを割り当てるようにしてください。

::: danger この書き方について

この書き方は全く推奨されない。むしろちゃんと動いてしまうsheetやfullScreenCoverの挙動がおかしい。

:::

いろいろ試したところListやForm限定でこの書き方は正しく動作するようでVStackやLazyVStackなどを利用した場合には正しく動作しない。

ここから先は推測になるのだが、ListやFormでは各要素がIdentifiableになっておりtagなどの要素でどのボタンから押されたかをisPresentedが認識している可能性がある。が、結局 VStack や LazyVStack で動かない以上、このようなコードは書くべきではない。

ModalWindow の dismiss#

で、ここで一つ困った問題が生じる。

というのも ModalWindow として表示されたUserViewは自身を閉じる(dismiss)する方法を持たないからだ。UserViewを閉じるにはButtonViewが持つisPresentedの値をfalseにするしかないのだが、UserViewのイニシャライザにisPresentedは与えられていないためその値を変更することができない。

import SwiftUI

struct UserView: View {
    @Binding var isPresented: Bool
    let id: Int

    var body: some View {
        Button(action: {
            isPresented.toggle()
            // 押したらModalWindowを閉じる処理を書く
        }, label: {
            Text("CLOSE \(id)")
        })
    }
}

環境変数を利用する#

そこで利用できるのが環境変数で、これを使えばイニシャライザに渡さなくても値をとってくることができます。

import SwiftUI

struct UserView: View {
    // 環境変数読み込み
    @Environment(\.presentationMode) var present
    let id: Int

    var body: some View {
        Button(action: {
            present.wrappedValue.dismisss()
        }, label: {
            Text("CLOSE \(id)")
        })
    }
}

で、このpresentationModeはその View が現在表示されているかどうかのフラグを持っているので、present.wrappedValue.dismiss()とすれば何故か View を閉じることができる。

import SwiftUI

struct ButtonView: View {
    let id: Int
    @State var isPresented: Bool = false

    var body: some View {
        Button(action: {
            isPresented.toggle()
        }, label: {
            Text("OPEN \(id)")
        })
        .sheet(isPresented: $isPresented, content: {
            UserView(id: id)
                .environment(\.presentationMode, $isPresented) // 内部的にこのような処理になっている
        })
    }
}

public struct PresentationMode {

    /// Indicates whether a view is currently presented.
    public var isPresented: Bool { get }

    /// Dismisses the view if it is currently presented.
    ///
    /// If `isPresented` is false, `dismiss()` is a no-op.
    public mutating func dismiss()
}

自作環境変数を利用する#

上手くPresentationModeを利用する方法があればよいのだが、わからなかったので別の方法を試すことにする。

今回は、環境変数としてModalIsPresentationというものを作成することにした。

struct PresentationStyle {
    private(set) var isPresented: Binding<Bool>

    public mutating func dismiss() {
        isPresented.wrappedValue.toggle()
    }

    init(_ isPresented: Binding<Bool>) {
        self.isPresented = isPresented
    }
}

struct ModalIsPresented: EnvironmentKey {

    static var defaultValue: Binding<PresentationStyle> = .constant(PresentationStyle(.constant(false)))

    typealias Value = Binding<PresentationStyle>
}

extension EnvironmentValues {
    var modalIsPresented: Binding<PresentationStyle> {
        get {
            return self[ModalIsPresented.self]
        }
        set {
            self[ModalIsPresented.self] = newValue
        }
    }
}

少々ややこしいがPresentationModeと同様の機能を取り入れるためにはこのようなコードにならざるを得なかった。

要するにmodalIsPresentedにアクセスするとそれは結局Binding<PresentationStyle>にアクセスしているのと同じで、PresentationStyleはdismiss()というメソッドを持っており、これを使えばisPresentedの値が反転するので View がとじるという仕組みである。

また、無理やりisPresentedの値を変更されないようにprivate(set) var isPresented: Binding<Bool>と宣言した。

これによって、setterだけがprivateになるので外部から値を変更できないようになるというわけである。

課題は残る#

で、これでボタンでとじる動作はできるようになったのであるがまだ一つ課題が残ってしまっていた。

というのも、デバイスを傾けた際にisPresentedが変化したときと同様にupdateUIViewControllerが呼ばれてしまうという点である。

そして Form や List を用いずに一つの View に複数のpresentが表示されるような状態だと、デバイスを傾けた際にdismiss()が呼ばれてしまいモーダルがとじてしまうのだ。

モーダルを表示したままデバイスを傾けるようなことがないのであればいいのだが、プログラムとしてそういう欠点が残っているのは気がかりである。