HStack 中的 SwiftUI 层

Question

当我向左拖动矩形时，符号在矩形下方，但在右侧，当我向右拖动时，符号在矩形上方。我知道，HStack 的层次结构决定了层，但如果我在矩形上做正确的符号，那么两个符号都在右侧。我是 SwiftUI 的新手

HStack(spacing: 0.0){
                    
         Image(systemName: "lessthan.square")
            .resizable()
            .frame(width: 20.0, height: 20.0)
            .padding(.leading, 30.0)
        
        ZStack(alignment: .center) {
            
            Group {
                Rectangle()
                        .cornerRadius(20.0)
                        .frame(width: 250, height: 150)
                        .foregroundColor(Color(.white))
                        .position(rectPosition)
                        .shadow(radius: 5)
            
            VStack{
             Text("i")
                .font(.system(size: 30))
             Text("l")
                .font(.system(size: 25))
                }.position(rectPosition)
                
            }.gesture(DragGesture().onChanged({ value in
            self.rectPosition = CGPoint(x: value.location.x, y: 130)
            }))
        }
        
         Image(systemName: "greaterthan.square")
         .resizable()
         .frame(width: 20.0, height: 20.0)
             .padding(.trailing, 30.0)```

Answer 1

zIndex 应该能帮到你……把它加到 ZStack

HStack {
  Image(...)

  ZStack {
  ...
  }.zIndex(1) // << here !!

  Image(...)
}

HStack 中的 SwiftUI 层

SwiftUI layers in HStack

swift

swiftui

hstack