まおちゃんず | #iOS | #Android ファショ通

【SwiftUI】View のロジック部分を外出しにする構成

最終更新日時 : 2024-04-09 17:51

ModelView を作成することで

「ロジック部分を外出し」

して View の見通しを良くすることができます。

同時に @State も外部クラスに任せますか。


@Observable final class StateHolder {
  var text = ""
}


var stateHolder = StateHolder()

TextField("text", text: Binding(
  get: { stateHolder.text },
  set: { newValue in stateHolder.text = newValue })
)


var stateHolder = StateHolder()

@Bindable var sh = stateHolder
TextField("text", text: $sh.text)

複雑なデータ処理ロジック部分も置いてしまうと、

実質の今どきの ModelView となりますね。

基本、ModelView は View に対して 1:1 なことを忘れないでください。

最終更新日時 : 2024-05-04 18:06

「ViewModel は必要なのか」というような話のときに、

「State置き場としての ViewModel」

というような言葉を聞いたりしていましたが。


@Observable final class StateHolder {
  var text = ""
}


var stateHolder = StateHolder()

TextField("text", text: Binding(
  get: { stateHolder.text },
  set: { newValue in stateHolder.text = newValue })
)


var stateHolder = StateHolder()

@Bindable var sh = stateHolder
TextField("text", text: $sh.text)

ドメイン部分というか複雑なデータ処理ロジック部分も置けますよね。

しかし。。。

最終更新日時 : 2024-04-07 17:39

@State と Binding() を引数に受けるメソッドを使う場合で考えます。

「Binding」の意味のおさらいです。


@State var text = ""

TextField("text", text: $text)


@State var text = ""

TextField(
  "text",
   text: Binding(
     get: { text },
     set: { newValue in text = newValue }
   )
 )

双方向にデータは流れます。

State を外出しすることで、データの流れを単方向にします。


@Observable final class StateHolder {
  var text = ""
}


var stateHolder = StateHolder()

TextField("text", text: Binding(
  get: { stateHolder.text },
  set: { newValue in stateHolder.text = newValue })
)


var stateHolder = StateHolder()

@Bindable var sh = stateHolder
TextField("text", text: $sh.text)

@State + $ での双方向のバインディングは、

外だしの @Observable クラスを使うことで、

単方向に流すことができます。