Basic Structure
struct ContentView: View {
var body: some View {
VStack {
Image(systemName: “globe”)
.imageScale(.large)
.foregroundStyle(.tint)
Text(“Hello, world!”)
}
.padding()
}
}
var body: some View {
VStack {
Image(systemName: “globe”)
.imageScale(.large)
.foregroundStyle(.tint)
Text(“Hello, world!”)
}
.padding()
}
}
Form
NavigationStack {
Form {
Section {
Text(“Hello World”)
}
Section {
Text(“Hello SwiftUI”)
}
}
.navigationTitle(“Settings”)
.navigationBarTitleDisplayMode(.inline)
}
Form {
Section {
Text(“Hello World”)
}
Section {
Text(“Hello SwiftUI”)
}
}
.navigationTitle(“Settings”)
.navigationBarTitleDisplayMode(.inline)
}
Change state
@State private var clicked = 0
var body: some View {
Button(“You have clicked (clicked) times”) {
self.clicked += 1
}
}
var body: some View {
Button(“You have clicked (clicked) times”) {
self.clicked += 1
}
}
2-way binding
Notice the $name here:
@State private var name = “”
var body: some View {
Form {
TextField(“Your name:”, text: $name)
Text(name.count != 0 ? “Hello, (name)“: “”)
}
}
var body: some View {
Form {
TextField(“Your name:”, text: $name)
Text(name.count != 0 ? “Hello, (name)“: “”)
}
}
Create view in a loop
var body: some View {
Form {
ForEach(0..<50) {
Text(“Hello ($0+1)“)
}
}
}
Form {
ForEach(0..<50) {
Text(“Hello ($0+1)“)
}
}
}
