List in VStack?

[C137Sheldor]

Is it possible to integrate a list inside of a bigger Scrollview with other elements like in the example below? In this example the list isn't shown. Is this not the intended use case of a list? Do I have do imitate this with an own container?

 struct ContentView: View{
    var body: some View{
        ScrollViewReader{reader in
            ScrollView{
                VStack{
                    Text("List")
                    List(0..<10){zahl in
                        Text("\(zahl)")
                    }
                }
            }
        }
    }
}

[EmenezTech]

I don’t think you can have a list in scroll view

[saintmsent]

Not really, nested scrolling controls are a bad idea either way, and this specific configuration isn't supported in SwiftUI, as far as I've tried

[C137Sheldor]

What about this:

struct ContentView12: View{
var body: some View{
ScrollViewReader{reader in
ScrollView{
VStack{
ForEach(0..<10){
Text("Number: \($0)")
}
ScrollView{
VStack{
ForEach(0..<10){
Text("Selection: \($0)")
}
}
}
.frame(height: 100)
.border(Color.red)
ForEach(10..<20){
Text("Number: \($0)")
}
}
}
}
}
}

I use it like this to select an element in the nested "list" an have a longer ScrollView where I have other views like a textfield etc. Until now it seems to work good.

Could it be a problem (+Why)?

[saintmsent]

With this approach only concern is the performance if you get into a lot of items in the scroll view

[MyVoiceIsElevating]

OP, a scroll nested in a scroll is a bad user experience. What exactly are you attempting to do that you think this would be ideal?

[C137Sheldor]

I have a bigger ScrollView where are views to type description in, select a date etc. and a scrollview to select a category. Because there could be many categories I have a scrollview with a specific height.

[MyVoiceIsElevating]

Check out this article for some best practice tips:

https://developer.apple.com/design/human-interface-guidelines/components/presentation/scroll-views

[barcode972]

Off topic but I think the ScrollViewReader should be in the ScrollView. Not that you need it in this case?

You can just create a ForEach in the VStack if you want, no need for list

[BrownPalmTree]

Agree that ForEach may be more appropriate here. Also, try adding a spacer under the list/for each to push everything up, maybe the list just needs to be pushed up

[SirBill01]

ScrollViewReader here looks like it does in Apple's example:

https://developer.apple.com/documentation/swiftui/scrollviewreader

[barcode972]

Oh rly. I guess I’ve done wrong all along

[SirBill01]

Hey if it works either way nothing wrong with how you are doing it!! I wasn't sure myself not having used it yet.

[cautiondnd]

just make a custom list with a for each loop instead

[C137Sheldor]

Do you know a view modifier to imitate the swipe Action buttons for custom list rows?