模态视图显示IOS 14中为空

时间:2020-11-05 15:24:59

标签: swiftui modal-view

在iOS 14上将项目更新为swiftUI 2.0并显示模式视图似乎已损坏。 模态视图显示为

这是我使用的代码以及我创建的示例项目来说明这一点: https://github.com/Esowes/testModal

ContentView:

import SwiftUI
import CoreData

struct ContentView: View {
    
    @State var modalIsPresented = false // The "settingsView" modally presented as a sheet
        
   @State private var modalViewCaller = 0 // This triggers the appropriate modal (only one in this example)

    
    var body: some View {
        
        NavigationView {
            VStack {
                Spacer()
                Button(action: {
                    self.modalViewCaller = 1 // SettingsView
                    self.modalIsPresented = true
                }
                    ) {
                        Text("Tap to present Modal")
                     }
                Spacer()
            } // END of main VStack
            .onAppear() {
                self.modalViewCaller = 0
            }
            .navigationBarTitle("Test app", displayMode: .inline)
        } // END of NavigationView
        .sheet(isPresented: $modalIsPresented, content: sheetContent)
        .navigationViewStyle(StackNavigationViewStyle()) // This avoids dual column on iPad

    } // END of var body: some View
  // MARK: @ViewBuilder func sheetContent() :
    
    @ViewBuilder func sheetContent() -> some View {
        
        if modalViewCaller == 1 {
            SettingsView()
                .navigationViewStyle(StackNavigationViewStyle())
                .onDisappear { // This always triggered
                    print("onDissappear triggered ! at \(Date().debugDescription)")
                    self.modalViewCaller = 0
                }
            }
    } // END of func sheetContent
    
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        return ContentView()
        
    }
}

如果有人有想法,我将不胜感激,因为到目前为止我的搜索没有任何结果...

谢谢

1 个答案:

答案 0 :(得分:1)

可能的解决方案是将工作表的内容分成专用的子视图,如下所示。

通过Xcode 12.1 / iOS 14.1测试

struct ContentView: View {
    
    @State var modalIsPresented = false // The "settingsView" modally presented as a sheet
        
   @State private var modalViewCaller = 0 // This triggers the appropriate modal (only one in this example)

    
    var body: some View {
        
        NavigationView {
            VStack {
                Spacer()
                Button(action: {
                    self.modalViewCaller = 1 // SettingsView
                    self.modalIsPresented = true
                }
                    ) {
                        Text("Tap to present Modal")
                     }
                Spacer()
            } // END of main VStack
            .onAppear() {
                self.modalViewCaller = 0
            }
            .navigationBarTitle("Test app", displayMode: .inline)
        } // END of NavigationView
        .sheet(isPresented: $modalIsPresented) {
            SheetContent(modalViewCaller: $modalViewCaller)     // << here !!
        }
        .navigationViewStyle(StackNavigationViewStyle()) // This avoids dual column on iPad

    } // END of var body: some View
  // MARK: @ViewBuilder func sheetContent() :
}

struct SheetContent: View {
    @Binding var modalViewCaller: Int
    var body: some View {
      if modalViewCaller == 1 {
            SettingsView()
                 .navigationViewStyle(StackNavigationViewStyle())
                 .onDisappear { // This always triggered
                      print("onDissappear triggered ! at \(Date().debugDescription)")
                      self.modalViewCaller = 0
                 }
            }
    }
}
相关问题