SwiftUI 对 ViewState 的表达语法

SwiftUI

小云

2023-09-19 06:28:40

栏目: 编程语言

SwiftUI 中的 ViewState 可以通过 @State 关键字来表示。

单个状态属性的定义和初始化：

@State private var isShowingSheet = false

在 View 中使用状态属性：

struct ContentView: View {
@State private var isShowingSheet = false
var body: some View {
VStack {
Button("Show Sheet") {
self.isShowingSheet = true
}
.sheet(isPresented: $isShowingSheet) {
SheetView()
}
}
}
}

在 View 中使用状态属性的值：

struct SheetView: View {
@Environment(\.presentationMode) var presentationMode
var body: some View {
VStack {
Text("Sheet View")
Button("Dismiss") {
self.presentationMode.wrappedValue.dismiss()
}
}
}
}

在上述示例中，isShowingSheet 是一个用于控制是否显示 sheet 的状态属性。当点击按钮时，它的值被设置为 true，从而显示 sheet。sheet 的显示状态由 isPresented 参数控制，它接受一个绑定的状态属性作为值。

在 SheetView 中，presentationMode 是一个用于控制 sheet 是否被隐藏的环境值。当点击按钮时，调用 self.presentationMode.wrappedValue.dismiss() 可以将 sheet 隐藏。

通过 @State 和 $ 符号，SwiftUI 实现了一种简洁而直观的方式来处理和更新视图的状态。

SwiftUI 对 ViewState 的表达语法

最新问答

相关标签