Skip to content

Bottom gap on Pixel 4 #44033

Closed
#81303
Closed
Bottom gap on Pixel 4#44033
#81303
Assignees
Piinks
Labels
a: qualityA truly polished experiencee: device-specificOnly manifests on certain devicesframeworkflutter/packages/flutter repository. See also f: labels.p: material_uimaterial_ui package in flutter/packagesplatform-androidAndroid applications specificallyr: fixedIssue is closed as already fixed in a newer version

Description

@coolnalu
coolnalu
opened on Nov 2, 2019

Steps to Reproduce

  1. Install an app with white background on Pixel 4
  2. The app doesn't extend to the bottom of the screen, but showing a black stripe instead.

image

Target Platform:
Android
Target OS version/browser:
Latest
Devices:
Pixel 4

Logs

Analyzing mobile...                                                     
No issues found! (ran in 7.4s)

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel master, v1.10.15-pre.382, on Mac OS X 10.15 19A583, locale en-US)
[✓] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 11.1)
[✓] Android Studio (version 3.5)
[✓] VS Code (version 1.39.2)
[✓] Connected device (1 available)

Activity

  1. Zazo032 commented on Nov 2, 2019

    @Zazo032
    Zazo032
    on Nov 2, 2019
    Contributor

    Related to #34678

    cc/ @shihaohong

  2. shihaohong
    added
    platform-androidAndroid applications specifically
    on Nov 4, 2019
  3. HansMuller
    added
    p: material_uimaterial_ui package in flutter/packages
    frameworkflutter/packages/flutter repository. See also f: labels.
    on Nov 4, 2019
  4. TahaTesser
    added
    e: device-specificOnly manifests on certain devices
    a: qualityA truly polished experience
    on Mar 11, 2020

  5. TahaTesser commented on Apr 9, 2020

    @TahaTesser
    TahaTesser
    on Apr 9, 2020
    Contributor

    Hi @coolnalu
    Are you still experiencing this issue with latest dev channel?
    if yes, can you please provide your flutter doctor -v and flutter run --verbose?
    Thank you

  6. TahaTesser
    added
    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter responds
    on Apr 9, 2020

  7. Zazo032 commented on Apr 9, 2020

    @Zazo032
    Zazo032
    on Apr 9, 2020
    Contributor

    This is likely a duplicate of #34678 and #40974

  8. andrewtzhang commented on Apr 9, 2020

    @andrewtzhang
    andrewtzhang
    on Apr 9, 2020

    Not OP but still experiencing it.

    [√] Flutter (Channel dev, v1.18.0, on Microsoft Windows [Version 10.0.18363.720], locale en-US)
    • Flutter version 1.18.0 at F:\devel\flutter
    • Framework revision 8f7327f83a (3 days ago), 2020-04-06 22:11:01 -0400
    • Engine revision 49891e0653
    • Dart version 2.8.0 (build 2.8.0-dev.20.0 1210d27678)

[√] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
    • Android SDK at C:\Users\Andrew\AppData\Local\Android\sdk
    • Platform android-29, build-tools 29.0.2
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b03)
    • All Android licenses accepted.

[√] Android Studio (version 3.5)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin version 42.1.1
    • Dart plugin version 191.8593
    • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b03)

[√] VS Code, 64-bit edition (version 1.44.0)
    • VS Code at C:\Program Files\Microsoft VS Code
    • Flutter extension version 3.9.1

[!] Connected device
    ! No devices available

    flutter run --verbose output

    Screenshot

  9. coolnalu commented on Apr 9, 2020

    @coolnalu
    coolnalu
    on Apr 9, 2020 via email
    Author
  10. no-response
    removed
    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter responds
    on Apr 9, 2020
  11. TahaTesser
    added
    will need additional triageThis issue or PR needs attention before being routed to secondary triage
    passed first triage
    and removed
    will need additional triageThis issue or PR needs attention before being routed to secondary triage
    on Jul 9, 2020

  12. 1 remaining item

  13. Piinks commented on Apr 1, 2021

    @Piinks
    Piinks
    on Apr 1, 2021
    Contributor

    I have run this on a Pixel 4 and been able to achieve the desired effect using the SystemChrome API:

    import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    systemNavigationBarColor: Colors.transparent,
  ));
  // This removes the bottom navigation and fills the empty space
  SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);
  // --> OR <-- you could do this:
  // This removes the top and bottom and fills the empty space
  // This one resulted in a native pop up that notified me I was in full screen
  // mode and how to restore navigation by swiping up/down from the edges
  // SystemChrome.setEnabledSystemUIOverlays([]);  <-- this is native full screen mode
  runApp(MyApp());
}

/// This is the main application widget.
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Builder(
        builder: (BuildContext context) {
          return Scaffold(
            floatingActionButton: FloatingActionButton(
              child: Icon(Icons.add),
              onPressed: () {},
            ),
            appBar: AppBar(title: const Text('The title')),
            body: Builder(
              builder: (BuildContext context) {
                return Container(
                  color: Colors.green,
                  child: Center(
                    child: Text('The content'),
                  ),
                );
              },
            ),
          );
        },
      ),
    );
  }
}

    flutter doctor

    [✓] Flutter (Channel master, 2.1.0-13.0.pre.390, on macOS 11.2.3 20D91 darwin-x64, locale en)
    • Flutter version 2.1.0-13.0.pre.390 at /Users/katelovett/_github/flutter
    • Framework revision 88f2db6214 (47 minutes ago), 2021-04-01 14:54:02 -0400
    • Engine revision 2edfc020bb
    • Dart version 2.13.0 (build 2.13.0-190.0.dev)

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at /Users/katelovett/Library/Android/sdk
    • Platform android-S, build-tools 30.0.3
    • Java binary at: /Applications/Android Studio with Blaze.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.8+10-b944.6916264)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 12.4, Build version 12D4e
    • CocoaPods version 1.10.1

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio
    • Android Studio at /Applications/Android Studio with Blaze.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.8+10-b944.6916264)

[✓] VS Code (version 1.54.3)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.20.0

[✓] Connected device (3 available)
    • Pixel 4 (mobile) • 99051FFAZ00B06 • android-arm64  • Android 11 (API 30)
    • macOS (desktop)  • macos          • darwin-x64     • macOS 11.2.3 20D91 darwin-x64
    • Chrome (web)     • chrome         • web-javascript • Google Chrome 89.0.4389.114

• No issues found!

    Please let me know if this resolves your issue. :)
    The code sample above describes two different solutions.

  14. Piinks
    added
    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter responds
    on Apr 1, 2021

  15. Piinks commented on Apr 1, 2021

    @Piinks
    Piinks
    on Apr 1, 2021
    Contributor

    I think this looks like the right way to go here for the native full screen behavior

    SystemChrome.setEnabledSystemUIOverlays([]);

  16. pedromassangocode commented on Apr 23, 2021

    @pedromassangocode
    pedromassangocode
    on Apr 23, 2021

    Without additional information, we are unfortunately not sure how to resolve this issue.
    We are therefore reluctantly going to close this bug for now.
    Please don't hesitate to comment on the bug if you have any more information for us; we will reopen it right away!
    Thanks for your contribution.

    Could everyone who still has this problem please file a new issue with the exact description of what happens, logs, and the output of flutter doctor -v.
    All system setups can be slightly different, so it's always better to open new issues and reference related issues.

  17. pedromassangocode
    closed this as completedon Apr 23, 2021
  18. pedromassangocode
    added
    r: timeoutIssue is closed due to author not providing the requested details in time
    and removed
    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter responds
    on Apr 23, 2021
  19. Piinks
    removed
    r: timeoutIssue is closed due to author not providing the requested details in time
    on Apr 23, 2021

  20. Piinks commented on Apr 23, 2021

    @Piinks
    Piinks
    on Apr 23, 2021
    Contributor

    Hey @pedromassango thank you for following up! I think this is still valid, I have been working on it and just haven't updated in a while. 😉

    So here's an update - I have a solution! Working on wiring things up from the engine now.

  21. Piinks
    reopened this on Apr 23, 2021

  22. renanyoy commented on Jun 16, 2021

    @renanyoy
    renanyoy
    on Jun 16, 2021

    I have same problem

    [✓] Flutter (Channel stable, 2.2.2, on Linux, locale en_US.UTF-8)
    • Flutter version 2.2.2 at /home/renan/code/flutter
    • Framework revision d79295a (5 days ago), 2021-06-11 08:56:01 -0700
    • Engine revision 91c9fc8fe0
    • Dart version 2.13.3

    [✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
    • Android SDK at /home/renan/Android/Sdk
    • Platform android-30, build-tools 29.0.3
    • Java binary at: /home/renan/code/android-studio/jre/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)
    • All Android licenses accepted.

    [✓] Chrome - develop for the web
    • Chrome at google-chrome

    [✓] Linux toolchain - develop for Linux desktop
    • clang version 6.0.0-1ubuntu2 (tags/RELEASE_600/final)
    • cmake version 3.10.2
    • ninja version 1.8.2
    • pkg-config version 0.29.1

    [✓] Android Studio (version 4.1)
    • Android Studio at /home/renan/code/android-studio
    • Flutter plugin version 56.0.2
    • Dart plugin version 202.8488
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)

    [✓] VS Code (version 1.57.0)
    • VS Code at /usr/share/code
    • Flutter extension version 3.23.0

    [✓] Connected device (3 available)
    • Pixel 4a (mobile) • 11081JEC205473 • android-arm64 • Android 11 (API 30)
    • Linux (desktop) • linux • linux-x64 • Linux
    • Chrome (web) • chrome • web-javascript • Google Chrome 91.0.4472.101

    • No issues found!

  23. fluttergithubbot
    closed this as completedin #81303on Jul 8, 2021
  24. TahaTesser
    added
    r: fixedIssue is closed as already fixed in a newer version
    on Jul 9, 2021

  25. github-actions commented on Jul 30, 2021

    @github-actions
    github-actionsbot
    on Jul 30, 2021

    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.

  26. github-actions
    locked as resolved and limited conversation to collaborators on Jul 30, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

a: qualityA truly polished experiencee: device-specificOnly manifests on certain devicesframeworkflutter/packages/flutter repository. See also f: labels.p: material_uimaterial_ui package in flutter/packagesplatform-androidAndroid applications specificallyr: fixedIssue is closed as already fixed in a newer version

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions