Skip to content

fix(Android,Paper): fix flicker during formsSheet enter transition on slow Android devices - not preloaded formSheet#2820

Merged
kkafar merged 13 commits intomainfrom
@kkafar/spf-formsheet-enter-flicker-paper-2
Apr 2, 2025
Merged

fix(Android,Paper): fix flicker during formsSheet enter transition on slow Android devices - not preloaded formSheet#2820
kkafar merged 13 commits intomainfrom
@kkafar/spf-formsheet-enter-flicker-paper-2

Conversation

@kkafar
Copy link
Copy Markdown
Member

@kkafar kkafar commented Apr 1, 2025

Description

On old architecture we have "enter transition postponing" mechanism, however it has been applied only to formsheets with fit to contents. It turned out that on very low-end Android devices the issue affects also not fitToContents sheets.

Changes

This PR extends the enter transition postponing mechanism to all sheetAllowedDetents values.

Important

There still remains problem though, when the sheet is preloaded before navigating to it. The content wrapper receives the layout from RN, however the screen never receives the frame, because it is not initially attached to the container (and native layout triggered from screen stack does not reach it).

Then, when when the transition starts, content wrapper is already laid out, however the screen is not & FOR SOME WEIRD reasons it receives many frame updates during the transition - animated value updates are interleaved with Screen.onLayout calls - resulting in flicker effect.

Test code and steps to reproduce

Was not able to reproduce the issue on our end :/

Checklist

  • Ensured that CI passes

Copy link
Copy Markdown
Member Author

@kkafar kkafar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left a comment for future me.

Comment on lines +139 to +152
fun Screen.requiresEnterTransitionPostponing(): Boolean {
// On old architecture the content wrapper might not have received its frame yet,
// which is required to determine height of the sheet after animation. Therefore
// we delay the transition and trigger it after views receive the layout.
// This is used only for formSheet presentation, because we use value animators
// there. Tween animations have some magic way to make this work (maybe they
// postpone the transition internally, dunno).

if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED || !this.usesFormSheetPresentation()) {
return false
}
// Assumes that formSheet uses content wrapper
return !this.isLaidOutOrHasCachedLayout() || this.contentWrapper?.isLaidOutOrHasCachedLayout() != true
}
Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This fails in case the formsheet has been preloaded. Described on internal board.

@kkafar kkafar changed the title fix(Android,Paper): fix flicker during formsSheet enter transition on slow Android devices fix(Android,Paper): fix flicker during formsSheet enter transition on slow Android devices - not preloaded formSheet Apr 2, 2025
@kkafar kkafar merged commit 261529e into main Apr 2, 2025
4 of 5 checks passed
@kkafar kkafar deleted the @kkafar/spf-formsheet-enter-flicker-paper-2 branch April 2, 2025 15:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant