Skip to content

Material AppBar fill on scroll should be animated #162988

@albertmoravec

Description

@albertmoravec

Use case

Current Flutter Material AppBar does not animate the color change from unfilled to filled when user scrolls the page. This sudden change in color is not visually pleasing and looks like a visual glitch rather than intended feature. You can see the current behavior in this demo.

It is possibly not according to Material Design Guidelines as well - see scrolling behavior examples.

Given the amount of effort put into making all sorts of visual transitions smoothly animated, I believe the AppBar behavior should be improved.

Proposal

The change from unfilled to filled AppBar background should be animated as shown in the Material Design Guidelines.

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3Issues that are less important to the Flutter projectc: new featureNothing broken; request for a new capabilityc: proposalA detailed proposal for a change to Flutterf: material designflutter/packages/flutter/material repository.f: scrollingViewports, list views, slivers, etc.frameworkflutter/packages/flutter repository. See also f: labels.r: fixedIssue is closed as already fixed in a newer versionteam-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions