Skip to main content

SwiftUI专辑019-添加sections到List中

· 预计阅读1分钟

headerimg 本章我们将用section实现一个静态List。

Getting ready​

首先，我们新建一个SwiftUI项目ListWithSections

How to do it…​

  1. 首先添加一个NavigationView，和List。
NavigationView {
    List {

    }.navigationTitle("Continents and Countries")
        .navigationBarTitleDisplayMode(.inline)                
}
  1. 添加sections到List中
 List {
    Section(header: Text("Africa")) {
        Text("Nigeria")
        Text("Ghana")
        Text("Kenya")
        Text("Senegal")
    }
    Section(header: Text("Europe")) {
        Text("Spain")
        Text("France")
        Text("Sweden")
        Text("Finland")
        Text("UK")
    }
}

运行，我们将看到

image-20211226173605636

How it works…​

Section用来将items组合成group。

section可以通过一个可选的header，用于显示在group的顶部。