セクション 105

ビューにモデルオブジェクトを採用する

ModelData オブジェクトを作成したので、ビューを更新して、アプリのデータ保管場所として採用する必要があります。

ステップ 1

LandmarkList.swift で、@EnvironmentObject プロパティ宣言をビューに追加し、environmentObject(_:) 修飾子をプレビューに追加します。

environmentObject(_:) 修飾子が親に適用されている限り、modelData プロパティはその値を自動的に取得します。

    LandmarkList.swift

3. struct LandmarkList: View {
@EnvironmentObject var modelData: ModelData
@State private var showFavoritesOnly = false
5. var filteredLandmarks: [Landmark] {

ステップ 2

ランドマークをフィルタリングするときは、modelData.landmarks をデータとして使用しましょう。

    LandmarkList.swift

7. var filteredLandmarks: [Landmark] {
modelData.landmarks.filter { landmark in
8. (!showFavoritesOnly || landmark.isFavorite)

ステップ 3

LandmarkDetail ビューを更新して、環境 (environment) 内の ModelData オブジェクトを操作します。

    LandmarkDetail.swift

42. struct LandmarkDetail_Previews: PreviewProvider {
43. static var previews: some View {
LandmarkDetail(landmark: ModelData().landmarks[0])
44. }
45. }

ステップ 4

LandmarkRow プレビューを更新して、 ModelData オブジェクトで機能するようにします。

    LandmarkRow.swift

24. struct LandmarkRow_Previews: PreviewProvider {
static var landmarks = ModelData().landmarks
26. static var previews: some View {

ステップ 5

ContentView プレビューを更新して、モデルオブジェクトを環境 (environment) に追加します。これにより、オブジェクトをすべてのサブビューで使用できるようになります。

サブビューに環境 (environment) 内のモデルオブジェクトが必要な場合、プレビューは失敗しますが、プレビューをしているビューには environmentObject(_:) 修飾子がありません。

    ContentView.swift

10. static var previews: some View {
11. ContentView()
.environmentObject(ModelData())
12. }
13. }

次に、アプリインスタンスを更新して、シミュレータまたはデバイス上でアプリを実行するときにモデルオブジェクトを環境 (environment) に配置します。

ステップ 6

LandmarksApp を更新してモデルインスタンスを作成し、environmentObject(_:) 修飾子を使用して ContentView に提供します。

@StateObject 属性を使用して、アプリの寿命中に 1 回だけ与えられたプロパティのモデルオブジェクトを初期化します。これは、ここに示すように、アプリインスタンスで属性を使用する場合、およびビューで使用する場合に当てはまります。

    LandmarksApp.swift

3. @main
4. struct LandmarksApp: App {
@StateObject private var modelData = ModelData()
6. var body: some Scene {

ステップ 7

LandmarkList.swift に戻り、ライブプレビューをオンにして、すべてが正しく機能していることを確認して下さい。