57
43

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【SwiftUI】@Stateとか@Bindingて何

Posted at

##全体のコード

import SwiftUI

struct ContentView: View {
    @State private var isPresented = false
    var body: some View {
        Button("Present") {
            self.isPresented.toggle()
        }
        .sheet(isPresented: $isPresented) {
            DismissView(isPresented: self.$isPresented)
        }
    }
}

struct DismissView: View {
    @Binding var isPresented: Bool
    var body: some View {
        Button("Dismiss") {
            self.isPresented.toggle()
        }
    }
}

動きとしてはPresentをタップするとModalが表示されてDismissをタップすると閉じるというものになります。

##解説
###@State

@State private var isPresented = false

なんで頭に@Stateついてんのって感じですよね
でもつけないと
スクリーンショット 2020-01-07 22.42.11.png
こんな感じで怒られます。
そういえばstructは自身に定義したプロパティを変更できませんでした。
しかし@Stateを宣言することでSwiftUIが管理しているメモリ領域に値を格納してくれて

@State private var isPresented = false
var body: some View {
    Button("Present") {
        self.isPresented.toggle()
    }
}

こんな感じにbodyの中でisPresentedの値を変更しても怒られなくなる。
その上、値の更新時には関連するViewを自動で再構築してくれるらしい。

##$

.sheet(isPresented: $isPresented) {
    DismissView(isPresented: self.$isPresented)
}

引数を渡す際に頭に$をつけてやるとisPresentedの参照が渡せるそうな

##@Binding

@Binding var isPresented: Bool
//先ほど引数で渡された`$isPresented`の値が初期値になるので初期化しなくて良い。

@BindingをつけてやるとView間での双方向のデータ共有が可能になります。
@Bindingで定義したisPresentedの値を変更すると
@Stateで定義したisPresentedの値も変更され、関連するViewが全て更新されます。

57
43
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
57
43

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?