下記のようなデータ構成でFirestoreにデータが格納してあり、
下記のような遷移を実現したいです。
感覚的にはよく使いそうな遷移だと思うのですが、どのように実現するのが良いのか分からず、
どなたかにご教示いただきたいです。
【データの構成】
Collection("Theme")→document()→各documentにCollection("Photo")が含まれる
【実現したいViewの遷移】
Themeの情報が含まれたView→そのThemeのPhotoが表示されるView
//Themeの情報が含まれたView
import SwiftUI
struct ThemeView: View {
@ObservedObject var themeList = ThemeObserver()
var body: some View {
VStack{
List(themeList.status){ theme in
NavigationLink(destination: PhotoView(theme: self.theme)){
ThemeView(oneTheme: theme)
}
}
}
}
}
//UserのPhotoが表示されるView
struct PhotoView: View {
var theme : ThemeEntity
var ObservedObject var photoList = PhotoObserver()
var body: some View {
photoList.pickup(theme: theme)
return ScrollView{//ScrollViewを外すとなぜか表示されるようになる
VStack{
ForEach(self.status,id: \.self){photo in
Text(photo.title)//例
}
}
}
}
}
//FireStoreからThemeを取得するObservableObject
class ThemeObserver:ObservableObject {
@Published var status = [ThemeEntity]()
init() {
let db = Firestore.firestore()
db.collection("Theme").addSnapshotListener{(snap, error) in
if error != nil {
print("\(String(describing: error?.localizedDescription))")
}
for i in snap!.documentChanges {
let id = i.document.documentID
let themeImageURL = i.document.get("themeImageURL") as? String ?? ""
...
self.status.append(ThemeEntity(id: id, themeImageURL: themeImageURL, ...))
}
}
}
}
}
//FIreStoreからfuncでPhotoを取得するObservableObject
import Foundation
import FirebaseFirestore
import SwiftUI
class PhotoObserver: ObservableObject{
@Published var status = [PhotoEntity]()
func pickup(theme: ThemeEntity) {
let db = Firestore.firestore()
db.collection("Theme").document("\(oneTheme.id)").collection("Photos").addSnapshotListener{(snap, error) in
if error != nil {
print("\(String(describing: error?.localizedDescription))")
}
var tempStatus: [PhotoEntity] = []
for i in snap!.documentChanges {
let id = i.document.documentID
let title = i.document.get("title") as? String ?? ""
....
tempStatus.append(PhotoEntity(id: id, title: title,...))
}
self.status = tempStatus
}
}
}