Skip to content

[web] Allow Flutter apps to have 13% bigger screen after being scrolled down #64572

Closed

Description

@tomasbaran

Let browsers know you are scrolling a Flutter app, so it automatically hides the toolbars (like it happens in other websites)

Use case

Watch the upper bar get shrink and the bottom toolbar get disappear, so the app gets the bigger real estate.

This is how a non-flutter competing app does it:
giphy-3

This is how my Flutter app does it:
giphy

Look how much space the non-flutter app gets for their app.

Proposal

We, Flutter developers, should NOT be disadvantaged by choosing Flutter for our apps, while our competing apps get bigger real estate for their apps.

Other apps are able to reduce the toolbars that get in the way from 20% -> 7%. Flutter apps have that 20% in the way all the time.

Activity

  1. changed the title [-][web] Allow Flutter apps to have 13% bigger screen[/-] [+][web] Allow Flutter apps to have 13% bigger screen after being scrolled down[/+] on Aug 25, 2020
  2. added
    a: layoutSystemChrome and Framework's Layout Issues
    frameworkflutter/packages/flutter repository. See also f: labels.
    platform-webWeb applications specifically
    c: proposalA detailed proposal for a change to Flutter
    f: scrollingViewports, list views, slivers, etc.
    on Aug 26, 2020
  3. added
    P2Important issues not at the top of the work list
    on Aug 27, 2020
  4. jamesblasco commented on Sep 22, 2020

    @jamesblasco
    Contributor

    It is not just to make it bigger. If the browser can't detect the scroll of a Flutter app features like scroll to top touching the status bar won't work either.

  5. added
    engineflutter/engine related. See also e: labels.
    on Sep 2, 2021
  6. Piinks commented on Sep 2, 2021

    @Piinks
    Contributor

    Hi @tomasbaran, thanks for reporting, I think this is a duplicate of #69529, there is more context and discussion there, so I am going to close this issue to consolidate it with that one. If you feel that this is a separate issue, let us know and we can reopen it. :) Thank you!

  7. github-actions commented on Sep 16, 2021

    @github-actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

  8. locked as resolved and limited conversation to collaborators on Sep 16, 2021
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

    P2Important issues not at the top of the work lista: layoutSystemChrome and Framework's Layout Issuesc: proposalA detailed proposal for a change to Flutterengineflutter/engine related. See also e: labels.f: scrollingViewports, list views, slivers, etc.frameworkflutter/packages/flutter repository. See also f: labels.platform-webWeb applications specifically

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions