回答編集履歴

ソースコードを追記しました。

2024/02/14 09:51

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

@@ -125,3 +125,171 @@
 }
 ```
+### 追記です。
+コードの修正ありがとうございます。
+再現確認できました。
+原因がわかりました。
+`self.listVM = ListViewModel(gearList: gearList)` でlistVMを設定していますが、
+この方法では@Stateとしてちゃんと設定されていないことになるみたいです。
+次のリンク先の「イニシャライザで値を設定する場合」を見てみると良いと思います。
+[【SwiftUI】@Stateの使い方 | カピ通信](https://capibara1969.com/1608/#toc5)
+ListViewModelのイニシャライザと、
+listVMの初期値は不要になりそうですね。
+修正したコードです。
+修正ポイントに`// ***`のようなコメントを入れましたので、見てみてください。
+```swift
+//  ContentView.swift
+import SwiftUI
+struct ContentView: View {
+    let gearList =
+    GearList(
+        gearlistid: "gearlistid",
+        listname: "gearlistname",
+        lengthofstay: "2day",
+        howtostay: "Hotel",
+        startdate: Date(),
+        baseweight: 100,
+        consumableweight: 100,
+        wornweight: 100,
+        totalweight: 300
+    )
+    var body: some View {
+        ListView(gearList: gearList)
+    }
+}
+#Preview {
+    ContentView()
+}
+//  Item.swift
+import Foundation
+struct Item: Codable, Identifiable, Hashable {
+    var id: String?
+    var brandid: String
+    var brandname: String
+    var categoryid: Int
+    var categoryname: String
+    var createdAt: Date
+    var itemid: String
+    var memo: String
+    var name: String
+    var subcategoryid: Int
+    var subcategoryname: String
+    var updatedAt: Date
+}
+//  GearList.swift
+import Foundation
+struct GearList: Codable, Identifiable, Hashable {
+    var id: String?
+    var gearlistid : String
+    var listname : String
+    var lengthofstay : String
+    var howtostay : String
+    var startdate : Date
+    var baseweight : Int
+    var consumableweight : Int
+    var wornweight : Int
+    var totalweight : Int
+}
+//  ItemService.swift
+import Foundation
+struct ItemService {
+    func readItems(gearList:GearList, completion: @escaping([Item]) -> Void) {
+        let items: [Item] = [
+            Item(brandid: "brandid",
+                 brandname: "brandname",
+                 categoryid: 11,
+                 categoryname: "categoryname",
+                 createdAt: Date(),
+                 itemid: "itemid",
+                 memo: "memo",
+                 name: "name\(Int.random(in: 0..<100))",
+                 subcategoryid: 12,
+                 subcategoryname: "subcategoryname",
+                 updatedAt: Date()),
+            Item(brandid: "brandid",
+                 brandname: "brandname",
+                 categoryid: 11,
+                 categoryname: "categoryname",
+                 createdAt: Date(),
+                 itemid: "itemid",
+                 memo: "memo",
+                 name: "name\(Int.random(in: 0..<100))",
+                 subcategoryid: 12,
+                 subcategoryname: "subcategoryname",
+                 updatedAt: Date()),
+        ]
+        completion(items)
+    }
+}
+//  ListViewModel.swift
+import Foundation
+import Observation
+@Observable class ListViewModel {
+    private let itemservice = ItemService()
+    private var gearList : GearList
+    var listData: [[Item]] = []
+    // *** init()コメントアウト
+//    init() {
+//        print("init")
+//        self.gearList = GearList(gearlistid: "", listname: "", lengthofstay: "", howtostay: "", startdate: Date(), baseweight: 0, consumableweight: 0, wornweight: 0, totalweight: 0)
+//    }
+    init(gearList:GearList) {
+        self.gearList = gearList
+        readAndSortItems(gearList:gearList)
+    }
+    func readAndSortItems(gearList:GearList) -> Void {
+        listData = []
+        itemservice.readItems(gearList:gearList) { item in
+            print("completion")
+            self.listData.append(item)
+        }
+    }
+}
+//  ListView.swift
+import SwiftUI
+import Observation
+struct ListView: View {
+    var gearList: GearList
+    // *** 初期値なし
+    @State private var listVM: ListViewModel
+    init(gearList: GearList) {
+        self.gearList = gearList
+        // *** @Stateをinit()で設定する場合は少し特殊な記述になります。
+        _listVM = State(initialValue: ListViewModel(gearList: gearList))
+    }
+    var body: some View {
+        Button("tap", action: action)
+        List {
+            ForEach(listVM.listData.indices, id: \.self) { index in
+                Section(header:Text(listVM.listData[index][0].categoryname)) {
+                    ForEach(listVM.listData[index].indices, id: \.self) { index2 in
+                        Text(listVM.listData[index][index2].name)
+                    }
+                }
+            }
+        }
+    }
+    func action() {
+        listVM.readAndSortItems(gearList: gearList)
+    }
+}
+```