SwiftUI is not respecting safe area for Apple Watch

Viewed 476

I'm coding a standalone app for Apple Watch using SwiftUI. I'm creating a menu and the elements does not respect the safe area so the top of the circles I use is cut by a black bar. How can I fix this ?

enter image description here

struct Menu: View {
    var body: some View {
        VStack {
            HStack(spacing: 30) {
                VStack {
                    ZStack {
                        Circle()
                            .fill(Color.blue)
                            .frame(width: 60, height: 60)
                        Text("20")
                            .font(.headline)
                    }
                    Text("Timer")
                }

                VStack {
                    ZStack {
                        Circle()
                            .fill(Color.blue)
                            .frame(width: 60, height: 60)
                        Image(systemName: "hand.raised.fill")
                    }
                    Text("Tuto")
                }
            }

            HStack(spacing: 30) {
                VStack {
                    ZStack {
                        Circle()
                            .fill(Color.blue)
                            .frame(width: 60, height: 60)
                        Image(systemName: "alarm.fill")
                    }
                    Text("Reminder")
                }
            }
        }
    }
}
0 Answers
Related