How to create a basic button in SwiftUI
There are various ways to create a button in SwiftUI, let's start with a button that consists of text:
Button("Print") {
print("Button pressed")
}
Here, we specify the text for the button and inside the curly braces is the code we want to run when the button is press. In this case we print "Button pressed" but you can put any action you want there. The button will appear blue by default but you can change its colour with a modifier:
Button("Print") {
print("Button pressed")
}.foregroundColor(.red)
You may have noticed in iOS buttons don't have to be text, but they can consist of a range of different views to customise their look. For example you can give the button a background like this:
Button(action: { print("Button pressed")}, label: {
Text("Print")
.foregroundColor(.white)
.padding()
.background(Color.blue)
.cornerRadius(5)
}
Buttons don't require text either, they could be an image or shape too:
Button(action: { print("Button pressed")}, label: {
Image("printer")
}
Button(action: { print("Button pressed")}, label: {
Rectangle()
.frame(width: 100, height: 100)
.foregroundColor(Color.pink)
}
Comments
Post a Comment