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)

谢谢你。

Answer 2

从iOS 14.0 开始，这个列表样式是.listStyle(InsetGroupedListStyle())

Answer 3

根据我的发现，从 Xcode 11 GM 种子 2 (11A420a) 开始，仅从 swiftui 列表中制作此 UI 是不可能的。

有一种新的列表样式可用于名为 的故事板insetGrouped。它具有完全相同的外观。 https://developer.apple.com/documentation/uikit/uitableview/style