🔰view layout

SwiftUI ⟩ view ⟩ layout

SwiftUI layout system:

1. Parent proposes a size for child.

2. Child chooses its own size.

3. Parent places child in parent’s coordinate space.

⭐️ 重點

SwiftUI views manage size in different ways:

• "push-out" views: expand to fill space offered by parent. 👉Color, LinearGradient, Circle...

• "pull-in" views: have ideal size that varies according to their contents. 👉 Text , container views (HStack, VStack , ...)

• "fixed" views: have ideal size that never varies. 👉 Toggle or DatePicker...

🔴 主題

• .frame()

• Adaptive Layout

• Alignment

• grids

📗 參考

• Paul ⟩ The Complete Guide to Layout in SwiftUI

• objc.io ⟩

  • Thinking in SwiftUI, Ch. 4: Layout

  • Swift Talk ⟩ SwiftUI Layout Explained

• Majid ⟩

  • Layout priorities in SwiftUI

  • The magic of fixed size modifier in SwiftUI

  • Frames in SwiftUI

• Sundell ⟩ A guide to the SwiftUI layout system -

  • Part 1

  • Part 2

• 知乎 ⟩ SwiftUI 成神之路 ⟩ SwiftUI 之 Layout 基礎篇

📘 手冊

• SwiftUI ⟩ View Layout and Presentation

  • Laying Out a Simple View
  • Picking Container Views for Your Content
  • Making Fine Adjustments to a View's Position
  • Building Layouts with Stack Views ⭐️
  • Types for Layout ⟩

    • Form
    • List
    • Section - used in List, Picker, and Form
    • Group
    • GroupBox
    • ControlGroup

👥 相關

• GeometryReader is often used to do custom layout.

• PreferenceKey

• Cannot convert value of type 'Self' to expected argument type 'Binding<C>' ⛔️ error occurred when designing protocol for layout.