長文になり申し訳ありません。
いろいろ試したのですが、どうにも詰まってしまったのでどなたかにお助けいただければと思い、お聞きしています。
【実現したいこと】
NavigationLinkが複数あり、そこをタップしたら何かしらの方法でログイン処理をしてログインが成功したらNavigationLinkの遷移先に移動したい。
【前提】
ユーザ情報の管理としてFirestoreを用いていて以下のようなコードでユーザ情報を取得・変更監視しています。
- 情報取得部分…変数dbの定義などは他の部分でしています、またUserInfoのドキュメントにGroupsというサブコレクションがあり同じように取得しています
static func getUserInfo(uid: String, completion: @escaping (UserInfo) -> ()) {
var result: UserInfo = UserInfo()
db.collection("UserInfo").document(uid).addSnapshotListener{ documentSnapshot, err in
if let err = err {
print("Error getting documents: \(err)")
} else {
if let document = documentSnapshot, document.exists {
if let decodedData = try! document.data(as: UserInfo.self, decoder: Firestore.Decoder()) {
result = decodedData
completion(result)
} else {
print("Cannot decode")
}
} else {
print("Document does not exist")
}
}
}
}
- ユーザ情報管理部分…classをObservableObjectに準拠して更新を管理しています。その上で各ViewではEnvironmentObjectととして持っています。
class SessionStore: ObservableObject {
@Published var userinfo: UserInfo?
@Published var groupinfo: GroupInfo?
var handle: AuthStateDidChangeListenerHandle?
func listen () {
handle = Auth.auth().addStateDidChangeListener { (auth, user) in
if let user = user {
FirebaseController.getUserInfo(uid: user.uid) { uinfo in
self.userinfo = uinfo
FirebaseController.getUserInfoGroup(uid: user.uid) { uigs in
self.userinfo?.groups = uigs
}
}
} else {
self.session = nil
}
}
}
}
【試したこと】
1. Sheetでログインし成功したらNavigationLinkの遷移先に移動
コード
- 遷移元
struct HomeView: View {
@EnvironmentObject var session: SessionStore
@State var groupinfos: [GroupInfo] = []
@State var showSignedInView: Bool = false
@State var selectedGroupInfo: GroupInfo = GroupInfo()
var body: some View {
NavigationView {
VStack {
Text("以下からグループをお選びください")
ForEach(self.groupinfos) { gi in
NavigationLink(destination: GroupHomeView(groupInfo: gi)) {
GroupIconView(groupInfo: gi)
.padding()
.onTapGesture(perform: {
self.selectedGroupInfo = gi
if let userinfo = session.userinfo, let groups = userinfo.groups, let uginfo = groups[self.selectedGroupInfo.nameEng] {
if uginfo.passwd == self.selectedGroupInfo.passwd {
self.showSignedInView = false
}
} else {
self.showSignedInView = true
}
})
.sheet(isPresented: self.$showSignedInView, content: {
GroupSignInView(showSignedInView: self.$showSignedInView, groupInfo: self.$selectedGroupInfo)
})
}
}
}.onAppear(perform: {
FirebaseController.getAllGroups { gis in
self.groupinfos = gis
}
})
}
}
}
- ログイン用モーダル
struct GroupSignInView: View {
@EnvironmentObject var session: SessionStore
@State var password: String = ""
@State var error: Bool = false
@Binding var showSignedInView: Bool
@Binding var groupInfo: GroupInfo
var body: some View {
Form {
if(error){
Section {
Text("ログインに失敗しました")
.foregroundColor(.red)
}
}
Section {
Text(self.groupInfo.name)
SecureField("パスワード", text: $password)
Button("ログイン", action: {
self.showSignedInView = (self.password != groupInfo.passwd)
if self.showSignedInView {
self.error = true
} else {
// この関数はUserInfoのログインユーザのドキュメントのGroupサブコレクションにログイン済み情報を持たせています。
FirebaseController.addGroupsToUserInfo(groupNameEng: groupInfo.nameEng, userDocumentId: session.session!.uid, groupPasswd: groupInfo.passwd)
}
})
}
}
}
}
- 遷移先View
struct GroupHomeView: View {
@EnvironmentObject var session: SessionStore
var groupInfo: GroupInfo
var body: some View {
Group {
Text(groupInfo.nameEng)
}
}
}
2. NavigationLinkの遷移先でログイン処理
- 遷移元View
struct HomeView: View {
@EnvironmentObject var session: SessionStore
@State var groupinfos: [GroupInfo] = []
var body: some View {
NavigationView {
VStack {
Text("以下からグループをお選びください")
.font(.title)
.frame(width: 300, height: 50, alignment: .top)
ForEach(self.groupinfos) { gi in
NavigationLink(destination: GroupHomeView(groupInfo: gi)) {
GroupIconView(groupInfo: gi)
.padding()
}
}
}.onAppear(perform: {
FirebaseController.getAllGroups { gis in
self.groupinfos = gis
}
})
}
}
}
- 遷移先View
struct GroupHomeView: View {
@EnvironmentObject var session: SessionStore
@State var signedInGroup: Bool = false
var groupInfo: GroupInfo
var body: some View {
// ここでログイン済かどうか分けています
if signedInGroup {
Text("ログイン成功")
} else {
GroupSignInView(signedInGroup: self.$signedInGroup, groupInfo: self.groupInfo)
}
}
}
- ログイン用View…ほぼ1と同じです。
struct GroupSignInView: View {
@EnvironmentObject var session: SessionStore
@State var password: String = ""
@State var error: Bool = false
@Binding var signedInGroup: Bool
var groupInfo: GroupInfo
var body: some View {
Form {
if(error){
Section {
Text("ログインに失敗しました")
.foregroundColor(.red)
}
}
Section {
Text(self.groupInfo.name)
SecureField("パスワード", text: $password)
Button("ログイン", action: {
self.signedInGroup = (self.password == groupInfo.passwd)
if !self.signedInGroup {
self.error = true
} else {
FirebaseController.addGroupsToUserInfo(groupNameEng: groupInfo.nameEng, userDocumentId: session.session!.uid, groupPasswd: groupInfo.passwd)
}
})
}
}.onAppear(perform: {
if let userinfo = session.userinfo, let groups = userinfo.groups, let uginfo = groups[self.groupInfo.nameEng] {
if uginfo.passwd == groupInfo.passwd {
self.signedInGroup = true
}
}
})
}
}
【発生した問題】
- モーダルでログイン後NavigationLinkの遷移先に移動しなかった。その後同グループを押すも、モーダルは出ない(= ログイン済み情報の取得はうまくいっている)が、遷移しない。
- ログイン後にHomeViewに戻されてしまう。firestore側のUserInfoのサブコレクションGroupsがログイン後に変更されるからリロードされた??
【お聞きしたいこと】
- 1の案についてこのようなmodal→NavigationLinkの遷移は可能でしょうか?NavigationLinkのisActiveを利用しようかと思ったのですが、NavigationLinkが複数ありそれぞれにフラグが必要かと思うので、他にもっとわかりやすい方法があればと思いそちらがいいなと思っています。それしかなかったら実装します。
- 2の案についてHomeViewに戻されてしまうのは何故でしょうか?
- ↑の問題を解決する方法はあるのでしょうか?
- 試した方法にこだわるつもりはないので、他の実現方法があったらお聞きしたいです。ただし、諸事情によりUserInfoのサブコレクションにログイン済みグループをGroupsとして保持するのは、変更が厳しくなっています(この構成は良くないと思うのですが申し訳ありません)。
以上よろしくお願いいたします。