一、Rectangle 矩形空間

二、List

1.1創建選擇SwiftUI View  --> StreetRow

import SwiftUI

struct StreetRow: View {
    var name: String
    var body: some View {
        VStack{
            Text("我的名字是\(name)")
        }
    }
}
struct StreetRow_Previews: PreviewProvider {
    static var previews: some View {
        StreetRow(name: "123" )
        
    }
}

1.2  在ContentView

1.TableViewCell相同的樣式

import SwiftUI

struct ContentView: View {
    var body: some View {
        List{
            StreetRow(name: "龍騰").frame(height:40)
            StreetRow(name: "龍騰1")
            StreetRow(name: "龍騰1")
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

2.設置section、sectionHeader、sectionFooter、Style
import SwiftUI

struct ContentView: View {
    var body: some View {
        List{
            Section{
                StreetRow(name: "龍騰")
                StreetRow(name: "龍騰1")
                StreetRow(name: "龍騰1")
            }
            Section(header:Text("header"),footer:
                Text("提交")
                    .foregroundColor(.green)
            ){
                StreetRow(name: "龍騰")
                StreetRow(name: "龍騰1")
                StreetRow(name: "龍騰1")
            }
            
        }.listStyle(GroupedListStyle())
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}