flutter/gallery

Gallery should implement full screen / edge-to-edge for Android Q+ devices

Open

#643 opened on Aug 22, 2019

View on GitHub
 (2 comments) (11 reactions) (0 assignees)Dart (6,572 stars) (1,547 forks)batch import
P2enhancementgood first issue

Description

Currently, flutter_gallery shows a black bar on the bottom of the screen where the system gestures are for Android Q+. However, the recommendation by Android suggests that we should now be making the system navigation bar transparent to take advantage of the entire screen.

What it looks like now: example_bar

What it should look like: transparent_bar

Contributor guide

Tech stack
flutterdart
Domain
mobilefrontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Familiarity with FlutterUnderstanding of Android system UI
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Review Flutter's SystemChrome class documentation and Android's edge to edge display guidelines. Locate the main entry point of the gallery app (likely lib/main.dart) and modify the app initialization to set SystemUiOverlayStyle with systemNavigationBarColor set to transparent using SystemChrome.setSystemUIOverlayStyle. Ensure the change is applied before runApp(). No existing PRs or comments indicate prior work.