How to design forms using swiftui with sections having radius

I wanted to design a form using swiftui which looks like this https://66.media.tumblr.com/8674652bc73f2cf387e29f067c07adac/tumblr_inline_py9ypv0dxv1qjmlje_500.png

The form has no background in the image and the section has a radius a different background color.

I have tried setting background color of form but doesn't work.

Any idea on how to design the form using swiftui.

Solution

If you are referring to the rounded corners of the list cells with the the gray background this is part of the inset grouped table view style that is currently not supported by SwiftUI - only UIKit at the moment. https://twitter.com/twostraws/status/1142838324123656192?lang=en

For now, you can use the grouped list style in SwiftUI to create the darker background, the cells just won't be rounded like in your example. See: https://www.hackingwithswift.com/quick-start/swiftui/how-to-make-a-grouped-list

List {
        Section(header: Text("Examples")) {
            Text("Row 1")
        }
}.listStyle(GroupedListStyle())