0

発生している問題

以下のコードを実行した際に、showを押してもText("aaa")の方が表示されてします。
Buttonのactionでself.studentには値を設定しているので、挙動に違和感を覚えました。
ちなみに一回Modalを閉じてもう一回開くとSubViewが表示されます。

お聞きしたいこと

解決策としては .sheet(item:content:) を使えばいいことは分かっているのですが、なぜこのような挙動になるかお聞きしたいです。

よろしくお願いいたします。

ソースコード:

import SwiftUI

class Student: ObservableObject {
  var name: String
  
  init(name: String) {
    self.name = name
  }
}

struct ContentView: View {
  @State private var student: Student?
  @State private var show = false
  
  var body: some View {
    VStack(spacing: 10) {
      Button(action: {
        let newStudent = Student(name: "bbb")
        self.student = newStudent
        self.show = true
      }, label: {
        Text("Show")
      })
    }
    .sheet(isPresented: self.$show, content: {
      if let student = self.student {
        SubView(student: student)
      } else {
        Text("aaa")
      }
    })
  }
}

struct SubView: View {
  @ObservedObject var student: Student
  
  var body: some View {
    TextField("生徒名", text: self.$student.name)
  }
}

1 件の回答 1

1

下記のようなグローバル変数 i を参照できる関数を用意します。

var i = 0
func addIAndShowI() {
    i = i + 1
    print(i)
}

全体のコードは下記です。

import SwiftUI

var i = 0
func addIAndShowI() {
    i = i + 1
    print(i)
}

class Student: ObservableObject {
  var name: String
  
  init(name: String) {
    self.name = name
  }
}

struct ContentView: View {
  @State private var student: Student?
  @State private var show = false
  
  var body: some View {
    VStack(spacing: 10) {
      let _ = addIAndShowI() // <-- ボタンを押すたびに処理が走ることがわかる
      Button(action: {
        let newStudent = Student(name: "bbb")
        self.student = newStudent
        self.show = true
      }, label: {
        Text("Show")
      })
    }
    .sheet(isPresented: self.$show, content: {
      if let student = self.student {
        SubView(student: student)
      } else {
        Text("aaa")
      }
    })
  }
}

struct SubView: View {
  @ObservedObject var student: Student
  
  var body: some View {
    TextField("生徒名", text: self.$student.name)
  }
}

ボタンを押すたびに、

1
2
3

と表示されることがわかります。

ここからの解説は、説明がみつからないので、私の推測が入りますが、

そもそもContentViewは構造体であり、Swiftの構造体は変更を加えることができないのですが、書き換わったように見せるために@State等があります。content:の引数にはクロージャが渡っており、クロージャが生成された時点では、self.studentnilです。
そのクロージャを使うときもnilのままです。@Stateself.studentに変更が加わると内部的なロジックによって関連するViewが生まれかわるので、VStackが再度生成されます(addIAndShowIが何回も処理されるので、再生成されていることがわかる)。このとき2回目のcontent:へ新しいクロージャが渡ります。この2回目のときはself.studentは、namebbbのものです。このようにクロージャが生成されるタイミングと使われるタイミングを考慮することで1回目がnilであることの説明がつくと思います。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。