💾 Archived View for gem.sdf.org › s.kaplan › cheatsheets › programming-languages › swiftui.md captured on 2024-03-21 at 15:47:35.
⬅️ Previous capture (2023-09-28)
-=-=-=-=-=-=-
# SwiftUI Cheatsheet SwiftUI is a declarative framework for building user interfaces in Swift. Here is an overview of some of its basic syntax and features. ## Views ### Text
Text("Hello, world!")
.font(.title)
.foregroundColor(.blue)
### Image
Image("imageName")
.resizable()
.aspectRatio(contentMode: .fit)
### Button
Button(action: {
// Button action
}) {
Text("Button")
}
### List
List {
Text("Item 1")
Text("Item 2")
}
## Layout ### VStack
VStack {
Text("Top")
Text("Middle")
Text("Bottom")
}
### HStack
HStack {
Text("Left")
Text("Center")
Text("Right")
}
### ZStack
ZStack {
Image("backgroundImage")
.resizable()
.aspectRatio(contentMode: .fill)
Text("Foreground")
}
## Navigation ### NavigationView
NavigationView {
List {
NavigationLink(destination: DetailView()) {
Text("Item 1")
}
NavigationLink(destination: DetailView()) {
Text("Item 2")
}
}
}
### Presentation
struct ContentView: View {
@State var showModal = false
var body: some View {
Button(action: {
showModal = true
}) {
Text("Show Modal")
}
.sheet(isPresented: $showModal) {
ModalView()
}
}
}
## Resources - [SwiftUI Documentation](https://developer.apple.com/documentation/swiftui) - [SwiftUI Tutorials](https://www.hackingwithswift.com/quick-start/swiftui)