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层

1 个答案: