swiftui - swiftui 列表部分中的圆角

Question

这是 iOS 13 Health 应用程序的屏幕截图 - 用户个人资料。我最近开始使用 swiftui并想知道如何开发如下所示的屏幕。我尝试了简单和分组的列表样式。但我无法看到下面的布局。

这样的UI可以纯粹用swiftui-list开发吗？ ?

我特别在寻找圆形部分并在列表中包含一个图像。

Answer 1

从 iOS 14 开始，您可以使用以下代码。它工作得非常完美，就像在 UIKit 中一样。

List {
    Section {
        Text("Item 1")
        Text("Item 2")
        Text("Item 3")
    }
    
    Section {
        Text("Item 4")
        Text("Item 5")
        Text("Item 6")
    }
}.listStyle(InsetGroupedListStyle()) // this has been renamed in iOS 14.*, as mentioned by @Elijah Yap
.environment(\.horizontalSizeClass, .regular)

谢谢你。