实战需求

SwiftUI iOS 开源项目之购物类App界面

基于SwiftUI设计了一个家具店应用程序的两个屏幕。顶部的主页包含菜单和配置文件按钮。然后在末尾的水平列表中搜索和筛选具有两个类别的产品，一个受欢迎，另一个则最好。另外，还有一个类别列表。在我们家具店的“详细信息”页面上，有该产品的完整信息，也添加到了底部的购物车中。

本文价值与收获

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

看完本文您将掌握的技能

• 管理一组TextField
• 使用ScrollView
• 设置圆形TextField

---

基础知识

---

实战代码

1、主界面

import SwiftUI

struct ContentView: View {
    
    var body: some View {
        VStack {
            HomeScreen()
        }
    }
}

2、核心组件