Skip to content

Using a Row in FlexibleSpaceBar inside a SliverAppBar #11954

@balazsgerlei

Description

@balazsgerlei

Somewhat related to my other issue (#11951), I would like to use a Row as the "title" Widget of a FlexibleSpaceBar inside a SliverAppBar. I would like to have an Image and a Text inside this row (with some padding), but if I do that, it won't animate correctly when scrolling. On iOS, it completely breaks the animation, on Android, it positions the Row incorrectly when collapsed to normal Toolbar height. I can see that it tries to maintain the same bottom padding which is ideal for a single Text (I understand that it was intentionally to optimize for a Text) but not looks good when something larger is contained.

I think that having a parameter to set the bottom padding which is applied to the Widget that is supplied as the title would enable more creative designs, including the one I would like to achieve. As far as I know I could not make it work even if I subclass the SliverAppBar as it uses private classes inside.

Please let me know if the thing that I described is possible (and how), or if you may implement something I asked in the future.

Metadata

Metadata

Assignees

No one assigned

    Labels

    f: material designflutter/packages/flutter/material repository.frameworkflutter/packages/flutter repository. See also f: labels.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions