如何在不影响屏幕视图的情况下在 SwiftUI 中调整背景图像的大小？

Question

我有一个如下所示的内容视图：

内容视图的代码是：

    var body: some View {
    ZStack(alignment: .bottom) {
        
        VStack {
            if selectedTab == "gearshape" {
                GearshapeView()
            }
        }
        CustomTabBar(selectedTab: $selectedTab)
    }
}

这是 GearshapeView 的代码：

 var body: some View {

Color.blue
.edgesIgnoringSafeArea(.all)

}

现在我想在背景中添加一张图片，并保持菜单的大小和以前一样。

    var body: some View {

            Image("s7")
                .resizable()
                .aspectRatio(contentMode: .fill)
                .ignoresSafeArea()

       }

不幸的是，当我调整图片大小以适应屏幕时，菜单也会随之调整。

关于如何保持静态而不拉伸有什么想法吗？

Answer 1

用几何学解决了reader:

  GeometryReader { geo in
            Image("s7")
                .resizable()
                .aspectRatio(contentMode: .fill)
                .frame(width: geo.size.width, height: geo.size.height)
    }
                .edgesIgnoringSafeArea(.all)

如何在不影响屏幕视图的情况下在 SwiftUI 中调整背景图像的大小？

How to resize a background Image in SwiftUI without affecting the screen views?

image

resizable

swift

swiftui