Swift 对齐时如何避免图像尺寸缩小

发布于07月28日

对于这个框架，我知道我还不擅长调整UI的一部分.

我的对齐问题是，填充越多，我的图像就会收缩，所以如果可能的话，你能简单地指出我的错误吗？我正在练习将我的物品对准左上角.

    struct MasterLabMerge: View {
    var body: some View {
    
    ZStack {
        
        Color.gray.ignoresSafeArea()
        Image(systemName: "note")
            .frame(width: 300, height: 300)
            .padding(.leading, -300)
            .padding(.top, -500)
      }
    }


}

enter image description here

推荐答案

您需要添加.resizable()才能使图像变大.

此外，您可以更好地将项目对齐到左上角.

选项1(我个人认为这是最好的):

 ZStack {
   Color.gray.ignoresSafeArea()
   VStack {
     HStack {
         Image(systemName: "note")
             .resizable()
             .frame(width: 100, height: 100)
             .padding(.leading)
         Spacer()
     }
     Spacer()
   }
 }

选项2:

 ZStack {
    Color.gray.ignoresSafeArea()
    }
    .toolbar {
        ToolbarItem(placement: .navigationBarLeading) {
            Image(systemName: "note")
                .resizable()
                .frame(width: 100, height: 100)
                .padding(.top)
        }
    }