そのため、VStack のビュー TopBar に問題があります。その下にあるイメージと重なり続け、そのビューの書式設定の ret を台無しにします。私は同様のスレッドを調べて、実際に画像で発生していた問題を修正しましたが、ビューの結合で同様のものを見たことはありません. (また、私は高校生なので、物事が厄介で複雑になっていると確信しています)
コンテンツ ビュー:
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()
}
}
}