How to implement nested scrollviews on iOS with SwiftUI?

Question

Created Oct ’22

Replies 2

Boosts 0

Views 5.2k

Participants 2

Hello,

I am having trouble building a profile page view which has profile information such as username, bio, etc. Then underneath that, it has tabs which have scrollable content as well. Both of these sections scroll together as well.

For reference, the twitter profile page has the exact functionality I am trying to achieve.

At the moment, I have the profile section and a TabView in side a ScrollView. This works intended. However when I add a ScrollView inside the TabView, the inner/nested ScrollView scrolls separately from the main ScrollView which of course makes sense.

I have been trying to get them to scroll together for weeks but I can't crack it. The closest I have come to solving this issue was getting the UIScrollView for the main ScrollView and modifying its y offset whenever the inner view was scrolled which I detected via a Coordinator. But this cause scrolling to be sluggish.

How can I possibly solve this? Any insight would be appreciated.

Thank you!

Boost

Answer 1

Claude31 OP

Oct ’22

Could you show how the screen looks like, that will ease understanding what is your scrollView inside the tabView: horizontal scroll ? vertical ?). As well as the present code. Not sure Twitter developed it in SwiftUI, but I don't know.

0

Answer 2

Claude31 OP

Oct ’22

A solution that works well here with the explanation of your problem: https://stackoverflow.com/questions/68668517/why-wont-a-nested-scrollview-respond-to-scrolls-in-swiftui

0