swiftui列表部分中的圆角

Question

这是iOS 13健康应用程序的屏幕截图-用户配置文件。我最近开始使用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 seed 2 (11A420a)开始，仅从swiftui列表创建这个UI是不可能的。

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