实战需求

SwiftUI iOS 仿Clubhouse App界面

本文价值与收获

看完本文后，您将能够作出下面的界面

截屏2021-02-15 上午8.09.39.png

看完本文您将掌握的技能

• 基于ZStack进行布局
• .offset(y: 20)实现组件码放
• 设置视图大小和颜色.frame(width: UIScreen.main.bounds.width, height: 100).background(Color(UIColor.systemBackground))
• clubhouse 基础配色

"color" : {
        "color-space" : "display-p3",
        "components" : {
          "alpha" : "1.000",
          "blue" : "0.925",
          "green" : "0.968",
          "red" : "0.965"
        }
      },

---

实战代码

1、主界面