website icon indicating copy to clipboard operation
website copied to clipboard

[Android] Add migration documentation to handle API 35 edge-to-edge changes

Open camsim99 opened this issue 1 year ago • 11 comments

According to Android 35 docs, once an Android app targets API 35, edge to edge will become the default layout mode and there are several changes coming to edge-to-edge, most notably for Flutter the coloring of the system (status and navigation) bars. In order to support Flutter apps that target API 35 and edge-to-edge mode more generally as we plan to make this the default mode on Android (see https://github.com/flutter/flutter/issues/86248), we need to develop migration documentation on how to modify one's Flutter app to adopt edge-to-edge mode.

camsim99 avatar Jun 17 '24 17:06 camsim99

I spoke offline to Camille. This is needed for the Q4 release, not Q3. I've asked her, when the time comes, to publish a public design doc and a breaking change page.

sfshaza2 avatar Jun 26 '24 18:06 sfshaza2

To clarify (I'm not clear on how this aligns with the release schedule), I plan to do this work in Q3 and will publish the breaking change page in Q4.

camsim99 avatar Jul 01 '24 15:07 camsim99

@sfshaza2 Going to start working on migration docs soon (not the breaking change documentation as we have not made that change yet), which will tell developers either how to opt out of edge to edge themselves or (if I can't make this work myself in the next week) tell developers how to migrate to edge to edge. Where on the website would be an appropriate place to put this documentation?

camsim99 avatar Aug 07 '24 21:08 camsim99

Decided to split this into two parts:

  1. Write a guide on how to opt out of edge to edge by default
  2. Write a guide on how to adopt edge to edge as a follow up to the first guide (the first guide is more of a temporary workaround and the second will give a long term solution)

camsim99 avatar Aug 21 '24 19:08 camsim99

SG!

sfshaza2 avatar Aug 22 '24 09:08 sfshaza2

SG!

May I ask for clarification what "SG!" means?

Maybe style guide?

thermoworker avatar Mar 07 '25 16:03 thermoworker

Hi @thermoworker, just seeing this now. SG means "sounds good". :D

sfshaza2 avatar Apr 13 '25 23:04 sfshaza2

  1. Write a guide on how to opt out of edge to edge by default
  2. Write a guide on how to adopt edge to edge as a follow up to the first guide (the first guide is more of a temporary workaround and the second will give a long term solution)

Has the above document been published?

I'm particularly looking forward to the second document.

m-takata avatar Sep 05 '25 04:09 m-takata

The first has been published but not the 2nd, and I'm not currently planning on working on it. If there's particular concerns you have with migrating, though, let me know and I can possibly work on adding a note to the first page!

camsim99 avatar Sep 08 '25 16:09 camsim99

@camsim99 How to handle the cases where ui is overlapping with system nav bars in android ?

gyanupadhyay avatar Sep 19 '25 03:09 gyanupadhyay

@gyanupadhyay https://github.com/flutter/website/issues/12211 outlines the available APIs, but option 3 is your best bet as of now as far as I'm aware:

Option 3, and apparently the only one that works: Go through your entire app and check every scrollable area, lists, column, bottom sheet and so on and manually add MediaQuery.viewPaddingOf(context).bottom.

For folks who have thoughts on handling edge-to-edge, that issue is the most appropriate forum!

camsim99 avatar Sep 22 '25 17:09 camsim99