如何在 SwiftUI 中从减去的子视图中关闭视图

Question

每当我的代码变得太大时，SwiftUI 就会开始表现得很奇怪并产生错误：

"The compiler is unable to type-check this expression in reasonable time; try breaking up the expression into distinct sub-expressions"

所以我开始将我的代码分解为Extracted Subviews，我遇到的问题之一是如何从减去的子视图中消除视图。

例子：我们这里有LoginContentView这个视图包含一个按钮，当点击按钮时它会显示下一个视图UsersOnlineView。

struct LoginContentView: View {
    
    @State var showUsersOnlineView = false
    
    var body: some View {
        
        Button(action: {
            self.showUsersOnlineView = true
        }) {
            Text("Show the next view")
        }
        .fullScreenCover(isPresented: $showUsersOnlineView, content: {
            UsersOnlineView()
        })
        
    }

另一方面，我们有一个提取到子视图的按钮，用于关闭模式并返回原始视图：

import SwiftUI

struct UsersOnlineView: View {
    var body: some View {
        
        ZStack {
            VStack {
                
                CloseViewButton()
                
            }
            
        }
        
    }
}

struct CloseViewButton: View {
    
    var body: some View {
        Button(action: {
            // Close the Modal
        }) {
            Text("Close the view")
        }
    }
}

Answer 1

给 sbview 定义视图是否显示的 state 属性。

struct CloseViewButton: View {
@Binding var showView: Bool

var body: some View {
    Button(
         ShowView = false
    }) {
        Text("Close the view")
    }
}

}

当你使用子视图时，给它属性

CloseButtonView(showView: $showOnlineView)

要允许子视图更改 isShown 属性，它需要获得一个绑定。

关于演示模式。我认为这仅适用于 Swiftui 演示文稿，例如 sheet 和 alert。

Answer 2

此场景最简单的解决方案是使用presentationMode 环境变量：

struct CloseViewButton: View {
    @Environment(\.presentationMode) var presentationMode
    var body: some View {
        Button(action: {
            presentationMode.wrappedValue.dismiss()
        }) {
            Text("Close the view")
        }
    }
}

使用 Xcode 12.1 / iOS 14.1 测试