Skip to main content

Return to Question

dismabiguate
Source Link
Warren Burton
Warren Burton
  • 17.4k
  • 3
  • 57
  • 77

I’m trying to recreate a layout similar to the Apple Health app. Specifically, I want the first element in a scrollable view to span edge-to-edge, while the rest of the content should look like a standarddefault (.insetGrouped) SwiftUI List.

Is there a way to achieve this effect within a List — having the first row ignore horizontal insets — or is this typically done using a ScrollView + VStack with custom styling to mimic List behavior?

I’d prefer to avoid fully recreating list sections manually if there’s a cleaner way to do this using List.

Apple Health app

I’m trying to recreate a layout similar to the Apple Health app. Specifically, I want the first element in a scrollable view to span edge-to-edge, while the rest of the content should look like a standard SwiftUI List.

Is there a way to achieve this effect within a List — having the first row ignore horizontal insets — or is this typically done using a ScrollView + VStack with custom styling to mimic List behavior?

I’d prefer to avoid fully recreating list sections manually if there’s a cleaner way to do this using List.

Apple Health app

I’m trying to recreate a layout similar to the Apple Health app. Specifically, I want the first element in a scrollable view to span edge-to-edge, while the rest of the content should look like a default (.insetGrouped) SwiftUI List.

Is there a way to achieve this effect within a List — having the first row ignore horizontal insets — or is this typically done using a ScrollView + VStack with custom styling to mimic List behavior?

I’d prefer to avoid fully recreating list sections manually if there’s a cleaner way to do this using List.

Apple Health app

formatting
Source Link
edit approved Apr 21 at 9:01
Kiryl Famin
edit approved Apr 21 at 9:01
Kiryl Famin
  • 1.1k
  • 6
  • 20

I’m trying to recreate a layout similar to the Apple Health app. Specifically, I want the first element in a scrollable view to span edge-to-edge, while the rest of the content should look like a standard SwiftUI ListList.

Is there a way to achieve this effect within a List — having the first row ignore horizontal insets — or is this typically done using a ScrollViewScrollView + VStackVStack with custom styling to mimic ListList behavior?

I’d prefer to avoid fully recreating list sections manually if there’s a cleaner way to do this using ListList.

enter image description hereApple Health app

I’m trying to recreate a layout similar to the Apple Health app. Specifically, I want the first element in a scrollable view to span edge-to-edge, while the rest of the content should look like a standard SwiftUI List.

Is there a way to achieve this effect within a List — having the first row ignore horizontal insets — or is this typically done using a ScrollView + VStack with custom styling to mimic List behavior?

I’d prefer to avoid fully recreating list sections manually if there’s a cleaner way to do this using List.

enter image description here

I’m trying to recreate a layout similar to the Apple Health app. Specifically, I want the first element in a scrollable view to span edge-to-edge, while the rest of the content should look like a standard SwiftUI List.

Is there a way to achieve this effect within a List — having the first row ignore horizontal insets — or is this typically done using a ScrollView + VStack with custom styling to mimic List behavior?

I’d prefer to avoid fully recreating list sections manually if there’s a cleaner way to do this using List.

Apple Health app

Source Link
Wojciech Konury
Wojciech Konury
  • 350
  • 3
  • 5
  • 15

How to make the first row in a SwiftUI List span edge-to-edge like in Apple Health?

I’m trying to recreate a layout similar to the Apple Health app. Specifically, I want the first element in a scrollable view to span edge-to-edge, while the rest of the content should look like a standard SwiftUI List.

Is there a way to achieve this effect within a List — having the first row ignore horizontal insets — or is this typically done using a ScrollView + VStack with custom styling to mimic List behavior?

I’d prefer to avoid fully recreating list sections manually if there’s a cleaner way to do this using List.

enter image description here