實戰需求

SwiftUI LazyHGrid 讓元件全部充滿空間

本文價值與收穫

看完本文後，您將能夠作出下面的介面

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片儲存下來直接上傳(img-n4Pgx8tp-1604152435400)(https://upload-images.jianshu.io/upload_images/41085-ec80dba0303e9326.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

看完本文您將掌握的技能

• GeometryReader
• LazyHGrid
• RoundedRectangle
• GridItem

---

基礎知識

LazyHGrid 容器檢視，將其子檢視排列在水平增長的網格中，僅在需要時建立專案。

struct LazyHGrid<Content> where Content : View 

總覽

網格是“惰性的”，因為網格檢視在需要它們之前不會建立專案。在下面的示例中，一個包含一個由水平排列的檢視網格組成的，該檢視網格與滾動檢視的頂部對齊。對於網格中的每一列，第一行顯示“Smileys”組中的Unicode程式碼點，底部顯示其對應的表情符號。