SwiftUI在List底部显示注释或说明

在SwiftUI中，如果在List底部添加Text文本。

VStack {
    List {
        ForEach(piggyBank.records, id: \.self) {record in
            ...
        }
    }
    // 注释文本
    Text("By default")
        .foregroundStyle(.gray)
        .font(.footnote)
}

Text文本实际上在视图的底部显示。这是因为List会自动占据整个VStack的空间，因此Text被视为一个单独的元素，显示在List之外。

如果想要Text显示在List视图的底部，而不是List之外，可以使用Section的footer来实现。

VStack {
    List {
        ForEach(piggyBank.records, id: \.self) {record in
            ...
        }
        Selection(footer:
            Text("By default")
                .foregroundStyle(.gray)
                .font(.footnote)
        ){}
    }
}

通过在 List 的最后添加一个空的 Section，并通过 footer 指定说明文本。

footer 会自动显示在 List 的底部。

最终实现在List底部添加注释或说明的效果。