SwiftUI @State、@ObservedObject、@EnvironmentObject

カテゴリー：iOS

記事作成日：2021-03-24

SwiftUIで 
@State 
@ObservedObject 
@EnvironmentObject 
の使い分け

Swift 5.3.2 
Xcode 12.4 
iOS Target 14.4 
macOS 11.2.3 BigSur

プロジェクト作成で SwiftUI App を選択した場合の例

## @State

SwiftUIでのViewはstructであるため保持するプロパティを変更することができない。 
@Stateを付与したプロパティはメモリ管理がSwiftUIフレームワークに委譲され、変更が可能。 
プロパティ値の変更は監視され、変更時に宣言されたViewのbodyが再描画される。

スコープは宣言されたView内のみ 
値が変更されるアクセスでは $ を付与する。

```
TextField("", text: $subject)
```

## @ObservedObject

複数の @State をまとめてオブジェクトとして管理する

CompanyManager.swift
```
import SwiftUI

class CompanyManager : ObservableObject {
    @Published var subject: String = ""
    @Published var address: String = ""
    @Published var tel: String = ""
	@Published var lat: Float = 0.0
	@Published var lon: Float = 0.0
}
```

ContentView.swift
```
import SwiftUI

struct ContentView: View {
	@ObservedObject var companyManager: CompanyManager

var body: some View {
		Text(self.companyManager.subject)
		Text(self.companyManager.address)
		Text(self.companyManager.tel)
	}
}

struct ContentView_Previews: PreviewProvider {
	static var previews: some View {
		ContentView(object: CompanyManager())
	}
}
```

## @EnvironmentObject

複数のViewで共通のインスタンスを参照

CompanyManager.swift
```
import SwiftUI

CompanyApp.swift
```
import SwiftUI

@main
struct CompanyApp: App {
	var body: some Scene {
		WindowGroup {
			ContentView().environmentObject(CompanyManager())
		}
	}
}
```

CompanyManager.swift
```
struct ContentView: View {
	@EnvironmentObject var companyManager: CompanyManager

var body: some View {
		Text(self.companyManager.subject)
		Text(self.companyManager.address)
		Text(self.companyManager.tel)
	}
}

struct ContentView_Previews: PreviewProvider {
	static var previews: some View {
		Group {
			ContentView().environmentObject(CompanyManager())
		}
	}
}
```

SettingView.swift
```
import SwiftUI

struct SettingView: View {
	@EnvironmentObject var companyManager: CompanyManager

var body: some View {
		TextField("", text: $companyManager.subject)
		TextField("", text: $companyManager.address)
		TextField("", text: $companyManager.tel)
	}
}

struct SettingView_Previews: PreviewProvider {
	static var previews: some View {
		Group {
			SettingView().environmentObject(CompanyManager())
		}
	}
}
```

UIKit App Delegate ライフサイクル を選択した場合は SceneDelegate.swift に 
let contentView = ContentView().environmentObject(CompanyManager()) 
などと記述したが、SwiftUI App ライフサイクルの場合は、xxxApp.swift内に以下の様に記述する。
```
WindowGroup {
	ContentView().environmentObject(CompanyManager())
}
```

## @EnvironmentObject その2

FirstView.swift
```
import SwiftUI

struct FirstView: View {
	@EnvironmentObject var companyManager: CompanyManager

var body: some View {
		Text(self.companyManager.subject)
	}
}

struct FirstView_Previews: PreviewProvider {
	static var previews: some View {
		Group {
			FirstView().environmentObject(CompanyManager())
		}
	}
}
```

SecondView.swift
```
import SwiftUI

struct SecondView: View {
	@EnvironmentObject var companyManager: CompanyManager

var body: some View {
		Text(self.companyManager.address)
		Text(self.companyManager.tel)
	}
}

struct SecondView_Previews: PreviewProvider {
	static var previews: some View {
		Group {
			SecondView().environmentObject(CompanyManager())
		}
	}
}
```

ContentView.swift
```
import SwiftUI

struct ContentView: View {
	var body: some View {
		VStack {
			FirstView()
			SecondView()
		}
		.environmentObject(CompanyManager())
	}
}

struct ContentView_Previews: PreviewProvider {
	static var previews: some View {
		Group {
			ContentView()
		}
	}
}
```

## 最終的なコードは検証していない

上記コードの最終形は未検証である。メモ的要素が強いのでエラーが出た場合は柔軟に対応されたし。

CONTENTS

Flutter

Flutterで後からWeb用ビルドを追加する

iOS

AppStoreConnectでiOSアプリが審査通過後にDeveloper Removed from Sale

Android

Androidアプリの合計ダウンロード数、iOSアプリの合計ダウンロード数