2

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?

3
  • Is it not “sliver”? :)
    – Lynn
    May 14 '20 at 20:30
  • @Lynn Sadly no, that's a specific named implementation for flutter. May 15 '20 at 1:41
  • Auto shrink header on scroll or shrink header Jun 21 at 11:13
0

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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.