Skip to content

Feature Request for SliverBottomAppBar #19502

Open
Open
Feature Request for SliverBottomAppBar#19502
Labels
P3Issues that are less important to the Flutter projectc: new featureNothing broken; request for a new capabilitycustomer: crowdAffects or could affect many people, though not necessarily a specific customer.f: scrollingViewports, list views, slivers, etc.p: material_uimaterial_ui package in flutter/packagespackageflutter/packages repository. See also p: labels.team-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

Description

@ghost
ghost
opened on Jul 18, 2018

Problem:
When using SlideTransition to slide off BottomAppBar on SliverList scroll which is inside NestedScrollView with SliverAppBar, animation works, but SliverList does not occupy remaining space where BottomAppBar once was.

Intended behaviour:
https://material.io/design/components/app-bars-bottom.html#behavior ("Scrolling" paragraph)

Examples:
How it looks when SlideTransition finishes and BottomAppBar is no longer visible:
screenshot_20180717-143740

"Hack":
To archive intended effect I use SizeTransition instead of SlideTransition with axis: Axis.vertical and axisAlignment: -1.0 , but that for some reason removes BottomAppBar elevation and FAB moves down when BottomAppBar changes size.

Feature request:
There could be a SliverBottomAppBar Widget with floating/snap/pinned properties and it could react to scrolling of CustomScrollView same as SliverAppBar does.

Activity

  1. zoechi
    added
    frameworkflutter/packages/flutter repository. See also f: labels.
    on Jul 19, 2018
  2. goderbauer
    changed the title [-]Scaffold bottomNavigationBar show/hide on scroll effect.[/-] [+]Feature Request for SliverBottomAppBar[/+] on Jan 2, 2019
  3. goderbauer
    added
    c: new featureNothing broken; request for a new capability
    p: material_uimaterial_ui package in flutter/packages
    on Jan 2, 2019

  4. rakeshlanjewar commented on Feb 7, 2019

    @rakeshlanjewar
    rakeshlanjewar
    on Feb 7, 2019

    I have answered a workaround on this :-

    https://stackoverflow.com/a/54567061/7416454

  5. ninest commented on Mar 19, 2019

    @ninest
    ninest
    on Mar 19, 2019

    @Achilas
    Do you mind providing a working example of your code of how you implemented this?

  6. sergioahv15 commented on Jul 9, 2019

    @sergioahv15
    sergioahv15
    on Jul 9, 2019

    @Achilas
    I would appreciate a working example too. Thanks!

  8. Piinks
    added
    f: scrollingViewports, list views, slivers, etc.
    on Jan 23, 2020
  9. VladyslavBondarenko
    added
    customer: crowdAffects or could affect many people, though not necessarily a specific customer.
    on Mar 26, 2020

  10. changalberto commented on Jul 9, 2020

    @changalberto
    changalberto
    on Jul 9, 2020

    This request has been made like 2 years ago, and it still hasn't been implemented?

  11. MustafaAdam commented on Jun 6, 2021

    @MustafaAdam
    MustafaAdam
    on Jun 6, 2021

    This would be a great widget to add. I don't see why it wasn't added to Flutter by now.
    I would appreciate any update from the Flutter team or at least confirmation that they aren't working on it at all.

  12. kaijauk commented on Jun 29, 2021

    @kaijauk
    kaijauk
    on Jun 29, 2021

    Same here, would also need this!
    I want a widget that is not expanded until I reach the end of my CustomScrollView with Sliver Widgets

  13. guidezpl commented on Mar 25, 2022

    @guidezpl
    guidezpl
    on Mar 25, 2022
    Member

    M3 keeps the concept of bottom app bar scrolling but will add more complex interactions (e.g. with FAB). As such I'll take this as a feature request for M3

  14. guidezpl
    added this to Material 3on May 23, 2022
  15. guidezpl
    moved this to Todo in Material 3on May 23, 2022
  16. guidezpl
    moved this from Todo to No status in Material 3on May 23, 2022
  17. guidezpl
    moved this to Not planned in Material 3on May 23, 2022
  18. guidezpl
    moved this from Not planned to No status in Material 3on May 23, 2022
  19. guidezpl
    changed the title [-]Feature Request for SliverBottomAppBar[/-] [+]Feature Request for `SliverBottomAppBar`[/+] on May 24, 2022
  20. guidezpl
    moved this to 🗺 Planned in Material 3on Feb 2, 2023
  21. Piinks
    added
    P3Issues that are less important to the Flutter project
    on Feb 21, 2023
  22. guidezpl
    moved this from 🗺 Planned to No status in Material 3on May 18, 2023
  23. flutter-triage-bot
    added
    multiteam-retriage-candidate
    team-designOwned by Design Languages team
    triaged-designTriaged by Design Languages team
    on Jul 8, 2023

  24. hgraceb commented on Nov 2, 2023

    @hgraceb
    hgraceb
    on Nov 2, 2023 · Hidden as off-topic
  25. Hixie
    removed
    multiteam-retriage-candidate
    on Mar 6, 2024
  26. Piinks
    added
    packageflutter/packages repository. See also p: labels.
    and removed
    frameworkflutter/packages/flutter repository. See also f: labels.
    on Aug 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3Issues that are less important to the Flutter projectc: new featureNothing broken; request for a new capabilitycustomer: crowdAffects or could affect many people, though not necessarily a specific customer.f: scrollingViewports, list views, slivers, etc.p: material_uimaterial_ui package in flutter/packagespackageflutter/packages repository. See also p: labels.team-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

    Type

    No type

    Projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions