swiftui - 如何对齐小部件前沿旁边的子视图，而不是 ZStack 中的背景图像？

Question

图片大于widget边框尺寸，比例为16:10。

问题是，对于ZStack小部件尺寸下的子视图，图像（作为背景）和图像上方的视图都没有与小部件本身对齐，而是超过了，只出现了一半。

有没有办法沿着小部件本身的前沿定位所有子视图？

下面是图片和代码：

   var body: some View {
    ZStack(alignment: .leading) {
            Image("bkgImage")
            .resizable()
            .aspectRatio(contentMode: .fill)
        
        if self.widgetFamily == .systemSmall {
            SmallWidgetView()
                .padding(.leading, 12)

        } else if self.widgetFamily == .systemMedium {
            mediumView
                .padding(.leading, 12)
                .padding(.trailing, 12)
        }
    }
}

首先十分感谢！

Answer 1

您可以：

• 重新格式化您的图像

• 将您的 ZStack 更改为 H/VStack，将您的小部件从那里取出并放入父 ZStack，如下所示：

  ZStack{ VStack{ Image() } SmallWidgetView() }