What is the name for Flutter's sliver-like behaviors?

Question

I'm looking for a component name that behaves like flutter's sliver:

Here is an example of sliver.

What i'm looking for exactly is a list that collapses or expands based on how much you dragged, pretty much like the behavior Android launchers have when you drag the app list, if it's >50% then it expands, else it collapses back to its minimised state.

What is the name of this kind of component/behavior?

Answer 1

The ScrollPhysics provides Flutter's FlexibleSpaceBar class its stretch behavior.

A related concept (component) is overscroll-behavior as implemented by CSS, where you have a dialog box with scrolling content on top of a page of scrolling content. See also: "CSSWG - CSS Overscroll Behavior".

Once the dialog box's scroll boundary is reached, the underlying page will then start to scroll — this is called scroll chaining.

To customize the physics:

• AndySham - scroll-custom - Overwrites native DOM scrolling with a customisable physics-based animation.

• JulianShapiro - velocityJS - Accelerated JavaScript animation.

Rather than replace one large library with another to implement the physics it makes sense to use a simple parallax effect:

• electerious - basicScroll - Standalone parallax scrolling for mobile and desktop with CSS variables.

With that code a smaller movement can be translated to a larger move that fully pulls down the AppBar.