因此,我在 VStack 中的视图 TopBar 上遇到了问题——它一直与我在它下面的图像重叠,并弄乱了该视图的格式设置。我查看了类似的线程,实际上解决了我在使用图像时遇到的问题,但我没有看到与组合视图类似的东西。(而且我在高中,所以我确信事情很混乱而且令人费解)
内容视图:
ScrollView {
VStack{
Text("Sample Text")
.padding(.top, 50)
TopBar()
Image("Divider")
.resizable()
.scaledToFill()
.frame(width: geometry.size.width * 0.8,
}
}
顶栏:
VStack{
Spacer()
Menu("Menu") {
Button("A", action: {print("test")})
Button("B", action: {print("test")})
Button("C", action: action: {print("test")})
}
.frame(width: geometry.size.width * 0.8, alignment: .leading)
Menu("Menu 2") {
Button("E", action: {print("test")})
Button("F", action: {print("test")})
Button("G", action: {print("test")})
}
.frame(maxWidth: .infinity, minHeight: 50)
Spacer()
}
}
}