【SwiftUI】配列化した構造体をファイル間で共有したい

Question

こんにちは。

ファイル間で共有する構造体を作りたいです。
@EnvironmentObjectというものを知り、実際に使ってみたのですが、エラーが2つ出てしまい。うまくいきません。

    //Argument passed to call that takes no arguments
    //Generic struct 'EnvironmentObject' requires that '[Items]' conform to 'ObservableObject'

原因と解決策をご教授願いたいです。

import SwiftUI

//　構造体を定義
class Items: ObservableObject, Identifiable {
    var id: String {
        return name
    }
    @Published var name: String
    @Published var color: Color
    
    init(name: String, color: Color) {
        self.name = name
        self.color = color
    }
}

struct ContentView: View {
    //　構造体の中身を決めて、配列化する
    @EnvironmentObject var items: [Items] = [
        //Argument passed to call that takes no arguments
        //Generic struct 'EnvironmentObject' requires that '[Items]' conform to 'ObservableObject'
        Items(name: "Apple", color: .red),
        Items(name: "Orange", color: .orange),
        Items(name: "Banana", color: .yellow),
    ]
    
    
    var body: some View {
        VStack {
            //　構造体をリスト(ボタン)化する
            ForEach(items) { item in
                    Button(action: {
                        print(item)
                        
                    }) {
                        HStack {
                            Text(item.name)
                            Spacer()
                            Image(systemName: "plus")
                        }
                        .frame(width: 320, height: 30, alignment: .leading)
                        .padding()
                        .foregroundColor(.white)
                        .background(item.color)
                        .cornerRadius(5)
                }
            }
        }
    }
}

Answer 1

配列はそれ自体が型だと思います。
ですので、Itemsと[Items]の型は異なります。
Items型がObservableObjectプロトコルに準拠していたとしても、[Items]はObservableObjectプロトコルに準拠していないため、エラーになっていると思います。
(@EnvironmentObjectで指定するプロパティはObservableObjectプロトコルに準拠している必要があります)

Section 4 Use an Observable Object for Storage
Step 4 Add the @Published attribute to the landmarks array.

final class ModelData: ObservableObject {
    @Published var landmarks: [Landmark] = load("landmarkData.json")
}

Section 5 Adopt the Model Object in Your Views
Step 1 In LandmarkList.swift, add an @EnvironmentObject property declaration to the view, and an environmentObject(_:) modifier to the preview.

struct LandmarkList: View {
    @EnvironmentObject var modelData: ModelData
    // ...省略...

struct LandmarkList_Previews: PreviewProvider {
    static var previews: some View {
        LandmarkList()
            .environmentObject(ModelData())
    }
}

https://developer.apple.com/tutorials/swiftui/handling-user-input#Use-an-Observable-Object-for-Storage

SwiftUIのチュートリアルを参考にしますと、配列型のプロパティを持つクラス自体をObservableObjectプロトコルに準拠する形にして、このModelDataを@EnvironmentObjectとして使っているようです。

それから、@EnvironmentObjectは、ビューの外からインスタンスが渡されますので(ビューを使う側が渡す必要がありますので)、@EnvironmentObjectの行で配列の初期化などするとエラーになってしまうようです。

ほかに読んでおいた方が良さそうなリンクも記載します。

https://docs.swift.org/swift-book/LanguageGuide/ClassesAndStructures.html
https://docs.swift.org/swift-book/LanguageGuide/CollectionTypes.html
https://developer.apple.com/documentation/swiftui/environmentobject

Comments

[rulk]

実装できました。ありがとうございます