[ABW-3015] AccountDetails - Collapse header on scroll

[danvleju-rdx]

Jira ticket: ABW-3015

Description

Adds a generic component that creates a collapsible header with a list, used in the Account Details screen.

Demo

Screen.Recording.2024-04-02.at.12.59.48.mov

[CyonAlexRDX]

should we really hide the bar "Tokens" / "NFT" / "Staking" / "Pool" here? I would I expect it to be sticky, but maybe Matt did not want that?

[danvleju-rdx]

should we really hide the bar "Tokens" / "NFT" / "Staking" / "Pool" here? I would I expect it to be sticky, but maybe Matt did not want that?

Hmm, I don't think there was any requirement regarding this. I was guided by how it is done on Android and the fact that it is not sticky on the current implementation. But it can be done easily.

[kugel3]

This looks very nice, but we do have as a goal to remove all usage of Introspect. Could this not be done instead with an GeometryReader/Preference combo until we can require iOS 17? We already have some helpers defined for that.

If you place it on the upmost view in the scrollview, you will be able to get the content offset as long the it is (more or less) visible, but we also know that when it disappears, the header should also be collapsed.

Another option we should consider is to use a UITableView here, we do that in AccountHistory, mostly for performance reasons, but it also makes things like this easier.

[danvleju-rdx]

@kugel3 Indeed, it will be easier and look better to use a UITableView. Ghenadie mentioned that we do have a goal to use a UITableView instead of a List here, but it will take more time, and it's not a priority for now, so this is more like a temporary solution until we do the refactoring.

If I place the header view in the List, then I should wrap the List's views inside a ZStack (as the header should be under the content), and it will break the style.

[GhenadieVP]

Looks slick, though there are some rough edges, which I am not sure easy are fixable. Here I have few resources in my account, so the scroll content is reduced.
Additionally, some deceleration would be nice when user stops scrolling, but probably I am getting to fancy :)

RPReplay_Final1712243903.MP4

[danvleju-rdx]

@GhenadieVP Reasonably fancy :). I did some improvements here. Feels much better.

There's a constant called velocityThreshold that can be modified to adjust scroll sensitivity. I set it to 900 as this value seems more appropriate.

RPReplay_Final1712253758.MP4

[GhenadieVP]

Awesome!
Note - this is a temporary solution to make it work with SwiftUI.
We will have a better, simpler implementation when we will get to have the whole AssetsView rewritten with UIKit.