SwiftUI-基础控件

一、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()
    }
}