🔴Position

Applying .position() will change view's frame and become a "push-out" view. 👉 Paul

(1) original (2) offset (3) offset with background (4) position

⭐️ 重點

.position()

• absolute position in its parent’s coordinate space.

• will change frame and become a "push-out" view.

.offset()

• relative to its original position.

• won't change frame.

👁️ 預覽

import SwiftUI

struct PositionView: View {
    let text = Text("Hello SwiftUI")
    var body: some View {
        HStack {
            Group {
                // 1. original text
                text
                
                // ⭐️ 2. offset: frame unchanged 
                //       (⭐️ so is background)
                text.offset(x: 0, y: 50)
                
                // ⭐️ 3. if you want to move background too, 
                //        have to apply .background() first.
                text
                    .background(.indigo)
                    .offset(x: 0, y: 50)
                    
                // ⭐️ 4. position: frame changed❗️ 
                text.position(x: 0, y: 50)
            }
            .padding(.horizontal, 6)
            .background(.pink)
            .frame(width: 150, height: 150)
            .border(.white(0.4))
        }
    }
}

📘 手冊

• SwiftOnTap ⟩ View ⟩ .position(_:)

• SwiftUI ⟩ View Layout and Presentation

  • Making Fine Adjustments to a View's Position

  • offset(x:y:)

  • position(x:y:)

📗 參考

• Paul ⟩ Absolute positioning for SwiftUI views ⭐️ differences between .position & .offset

💈範例

• Point