05.基本视图类型

木木木大约 1 分钟

SwiftUI 提供了许多不同的视图类型和功能，使开发者能够快速创建丰富的用户界面。

Text

Text 视图用于在应用程序中显示文本。可以通过在 Text 视图中传入字符串来设置文本内容，也可以在 Text 视图中使用格式化字符串。

Text("Hello, world!")
Text("The current count is: \(count)")

Image 视图用于在应用程序中显示图像。可以使用 Image 视图来显示应用程序的图标、用户头像等。

Image(systemName: "star.fill")
Image("avatar")

Button 视图用于在应用程序中创建可交互的按钮。可以在 Button 视图中设置标题和执行操作的闭包。

Button("Click me") {
    print("Button tapped")
}

TextField 视图用于在应用程序中创建文本输入框。可以在 TextField 视图中设置占位符、文本颜色、字体大小等属性。

TextField("Enter your name", text: $name)

Toggle 视图用于在应用程序中创建开关按钮。可以在 Toggle 视图中设置标签和绑定开关状态的布尔值。

Toggle("Enable push notifications", isOn: $isPushEnabled)

Spacer 视图用于在应用程序中创建可伸缩的空间，可以让其他视图在屏幕上居中或者填充屏幕。

VStack {
    Text("Hello")
    Spacer()
    Text("World")
}

SwiftUI 提供了许多基本视图类型和功能，使开发者能够快速创建漂亮、高效的用户界面。