我正在使用SwiftUI为Apple Watch编写独立的应用程序。我正在创建菜单,并且元素不遵守安全区域,因此我使用的圆圈的顶部被黑条切开。我怎样才能解决这个问题 ?
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")
}
}
}
}
}