質問編集履歴

修正版コードを追記しました。

2024/02/13 14:53

投稿

innature

スコア5

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -262,7 +262,7 @@
 //  ItemService.swift
 import Foundation
 struct ItemService {
-    func readItems(completion: @escaping([Item]) -> Void) {
+    func readItems(gearList:GearList, completion: @escaping([Item]) -> Void) {
         let items: [Item] = [
             Item(brandid: "brandid",
                  brandname: "brandname",
@@ -294,6 +294,7 @@
 //  ListViewModel.swift
 import Foundation
 import Observation
 @Observable class ListViewModel {
     private let itemservice = ItemService()
     private var gearList : GearList
@@ -304,11 +305,11 @@
     }
     init(gearList:GearList) {
         self.gearList = gearList
-        readAndSortItems()
+        readAndSortItems(gearList:gearList)
-    }
+    }
-    func readAndSortItems() -> Void {
+    func readAndSortItems(gearList:GearList) -> Void {
         listData = []
-        itemservice.readItems() { item in
+        itemservice.readItems(gearList:gearList) { item in
             print("completion")
             self.listData.append(item)
         }
@@ -341,7 +342,7 @@
         }
     }
     func action() {
-        listVM.readAndSortItems()
+        listVM.readAndSortItems(gearList: gearList)
     }
 }

Firebase SwiftUI iOS Swift

Firestore記述を削除したコード全体を追記しました。

2024/02/13 14:35

投稿

innature

スコア5

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -198,7 +198,155 @@
 }
 ```
+### 追記：Firestore記述を削除したコード全体
+```code全体(修正版)
+//  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(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() {
+        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()
+    }
+    func readAndSortItems() -> Void {
+        listData = []
+        itemservice.readItems() { 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
+        self.listVM = 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()
+    }
+}
+```
 ### 試したこと
 - @Observation宣言の有無や、@Stateも試してみたもののうまくいかずでした

Firebase SwiftUI iOS Swift

誤字脱字の修正をしました

2024/02/12 12:11

投稿

innature

スコア5

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -2,11 +2,11 @@
 ここに実現したいことを箇条書きで書いてください。
 - [ ] Swift UIで、Firestoreから取得したデータを2次元配列に格納して、List表示する
-- [ ] @Observableを利用して、取得データを適切に画面反映した
+- [ ] @Observableを利用して、取得データを適切に画面反映する
 ### 前提
-Itemという構造体を定義し、Firestore上にそのデータを保持しています。Itemは、アイテム名の他。カテゴリー名と紐づくID（Int）を持っています。
+Itemという構造体を定義し、Firestore上にそのデータを保持しています。Itemは、アイテム名の他に、カテゴリー名と紐づくID（Int）を持っています。
 アプリ側では、「Item配列」としてデータを取得した後、カテゴリーIDごとにアイテムを並び替え、セクション名＝カテゴリー名となるようにリスト表示します。
 FirestoreデータはListService内で読み込む関数を定義し（func readItems()）、そのコールバックの呼び出し元をListViewModelに定義しています。

Firebase SwiftUI iOS Swift