Embed non-scrollable List in a ScrollView? Or should List functionality be mimicked?

Question

Created Dec ’20

Replies 1

Boosts 0

Views 1.6k

Participants 2

Relatively new to SwiftUI, so this may be a simple question.

I am trying embed a vertical List in a dashboard-style page. I am looking to have this list be non-scrollable (kind of like how options show up displayed in the iPhone/iPad Settings app).

Data models are being read from Core Data, having a List is helpful to launch a NavigationLink to a different view, and it allows easy swipe-to-delete actions. I am running into the following issues:

If the main view is not a ScrollView, the list will show up properly. However, the list scrolls within its own view. This results in a large list that gets displayed in a view that is about as high as 3 list items, so not everything is displayed on screen at once.
If the main view is a ScrollView, the list disappears from view. There are no items that are populated, and the list can’t be interacted with. After searching around, this seems to be standard behaviour
If I don’t use a List, and instead use a ForEach which generates a NavigationLink, the items are displayed, and tapping them launches the correct view. The problem here is that all List functionality is lost (UI style, highlighted row when tapped, swipe-to-delete, etc).

How do I make this work? Is what I am looking for possible using a List, or is this a bad usage of List? Is this something where I will need to build custom List-item-like views that act like a List would?

Any help would be appreciated.

Boost

Answer 1

Luca_65 OP

Jan ’21

I found that List in a ScrollView works only if it don't use the entire space.

Code Block GeometryReader
{ (geometry) in
	ScrollView()
	{
		let w = geometry.size.width
		let h = geometry.size.height
		List
		{
			....
		}
		.frame(width: w>0.1 ? w-0.1 : 0, height: h>0.1 ? h-0.1 : 0)
	}
}

0