Day 1: Stumbling across the Hidden Gold 👑
In the second post of #30DaysOfSwift series, you will learn how to add a bottom sheet.
With a Fab-ulous button to toggle the sheet, you can show your content inside it.
Here's a sneak peek of the inspiration for this sheet:
Ready to dive into the code? Here it is:
Or you can just copy it from here:
@State var shouldPresentSheet = false
var body: some View {
VStack {
// ...
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.overlay(
VStack {
Spacer() // Pushes the button to the bottom
HStack {
Spacer() // Pushes the button to the right
Button(action: {
shouldPresentSheet.toggle() // Toggles sheet On/Off
}) {
Image(systemName: "plus")
.foregroundColor(.white)
.padding()
.background(Color(.orange))
.clipShape(Circle())
.shadow(color: Color(.gray), radius: 2.5)
}
.sheet(isPresented: $shouldPresentSheet) {
print("Sheet dismissed!")
} content: {
Text("In the sheets!")
}
.padding()
}
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
)
}
Let me know how you plan to use it in your App. Feel free to comment below if there are any doubts.
Happy coding!
Top comments (0)