web-dev-qa-db-ja.com

SwiftUIで以前にクリックしたNavigationLinkに再度アクセスしようとすると、NavigationLinkがフリーズする

JSONデータを取得し、取得したアイテムのリストをFileBrowserタイプのビューに表示する機能を含むアプリを設計しています。このビューでは、ユーザーはフォルダーをクリックしてファイルツリーの詳細を表示したり、ファイルをクリックして上記のファイルに関するメタデータを表示したりできます。

これが機能しているときに、ファイルまたはフォルダーをクリックして戻ってもう一度クリックすると、NavigationLinkがトリガーされず、別のNavigationLinkをクリックするまでビューに止まっていることがわかりました。

これは、この問題を示すgifです。

Double Tap bug

ここに示されているように、BlahBlahをクリックすると、NavigationLinkがアクティブになり、BlahBlahに移動します。次に戻ってBlahBlahに移動しようとすると、灰色になり、クリックしたことが登録されますが、そこに移動することはありません。 。 TestFileをクリックするとこれが修正され、BlahBlahに戻ることができます。

リスト項目は、次の構造体で作成されています

private struct FileCell{
    var FileName: String
    var FileType: String
    var FileID: String = ""
    var isContainer: Bool
}

private struct constructedCell: View{

    var FileType: String
    var FileName: String
    var FileID: String

    var body: some View {
        return
            HStack{
                VStack(alignment: .center){
                    Image(systemName: getImage(FileType: FileType)).font(.title).frame(width: 50)
                }
                Divider()
                VStack(alignment: .leading){
                    Text(FileName).font(.headline)
                        .multilineTextAlignment(.leading)
                    Text(FileID)
                        .font(.caption)
                        .multilineTextAlignment(.leading)
                }
        }
    }
}

次のように、navigationLinksでビューに呼び出されます

List(cellArray, id: \.FileID) { cell in
                if (cell.isContainer) {
                    NavigationLink(destination: FileView(path: "/\(cell.FileID)", displaysLogin: self.$displaysLogin).navigationBarTitle(cell.FileName)){
                        constructedCell(FileType: cell.FileType, FileName: cell.FileName, FileID: cell.FileID)
                    }
                } else {
                    NavigationLink(destination: DetailView(FileID: cell.FileID).navigationBarTitle(cell.FileName)){
                        constructedCell(FileType: cell.FileType, FileName: cell.FileName, FileID: cell.FileID)
                    }
                }
            }

私のNavigationViewは上のビューで初期化されています（アプリにはタブビューがあります）これは次のように

TabView(selection: $selection){
               NavigationView{
                    FileView(displaysLogin: self.$displaysLogin)
                        .navigationBarTitle("Home", displayMode: .inline)
                        .background(NavigationConfigurator { nc in
                            nc.navigationBar.barTintColor = UIColor.white
                            nc.navigationBar.titleTextAttributes = [.foregroundColor : UIColor.black]
                        })
                }
                .font(.title)
                .tabItem {
                    VStack {
                        Image(systemName: "folder.fill")
                        Text("Files")
                    }
                }
                .tag(0)
}

NavigationConfiguratorは、navigationBarの色を処理するために使用する構造体です。こんな感じで設置

struct NavigationConfigurator: UIViewControllerRepresentable {
    var configure: (UINavigationController) -> Void = { _ in }

    func makeUIViewController(context: UIViewControllerRepresentableContext<NavigationConfigurator>) -> UIViewController {
        UIViewController()
    }
    func updateUIViewController(_ uiViewController: UIViewController, context: UIViewControllerRepresentableContext<NavigationConfigurator>) {
        if let nc = uiViewController.navigationController {
            self.configure(nc)
        }
    }

}

私のNavigationConfiguratorがこれを引き起こしているとは思いませんか？このバグは、アプリ内の他のnavigationLinksでも発生しますが、ここでFileBrowserビューで示すのが最も簡単でした。

これはSwiftUIのバグですか？もしそうなら、誰かがこれを回避する方法を知っていますか？そうでない場合、私は何が間違っていますか？

iosswiftswiftuiswiftui-listswiftui-navigationlink
10
Vapidant

同じ問題がありました-これを試してください。 swiftUIのバグが修正されたら、これをハックと呼びます。

struct ListView: View {
@State private var destID = 0
...
var body: some View {
...
  NavigationLink(destination: FileView(path: "/\(cell.FileID)", displaysLogin: self.$displaysLogin)
   .navigationBarTitle(cell.FileName) 
   .onDisappear() { self.destID = self.destID + 1 }
  ){
   constructedCell(FileType: cell.FileType, FileName: cell.FileName, FileID: cell.FileID) 
  }.id(destID)

基本的に、一部の状況（iOS 13.3-シミュレータ？）では、宛先ビューがナビゲーションスタックから削除されても、NavigationLinkがリセットされないようです。回避策として、ナビゲーションリンクを再生成する必要があります。これは、IDを変更することによって行われます。これは私の問題を修正しました。

ただし、連鎖しているNavigationLinks（リンクの別のリストにつながるリンク）がある場合、このソリューションは副作用を引き起こします。スタックは、最後のビューを表示する2回目の試行でOriginに戻ります。

5
VJK