Skip to content

Redesign DevLoadingView (Android) - #58867

Open
huntie wants to merge 1 commit into
pr58866from
pr58867
Open

huntie wants to merge 1 commit into
pr58866from
pr58867

Conversation

@huntie

@huntie huntie commented Oct 5, 2026 •

Copy link
Copy Markdown
Collaborator

Summary

Android counterpart to #58866.

The Android dev loading banner spans the full width under the status bar. This brings it in line with the iOS capsule below in this stack.

  • Solid pill design, centered, 12dp below the status bar or 16dp from the top edge without one.
  • Kept clear of the side insets.
  • Round close button in place of the "Dismiss ✕" text button.
  • Scales and fades in and out, matching iOS.
  • Fix: A message hidden right after it shows, such as a fast Fast Refresh, now stays up for at least 0.6s, matching iOS. Previously, It was dismissed before it ever appeared.

Changelog:
[Android][Changed] - Dev loading banner: Redesign in-app Loading/Fast Refresh banner
[Android][Fixed] - Dev loading banner: Reduce flickering 0s Fast Refresh banners

Test Plan

./gradlew :packages:rn-tester:android:app:installDebug -PreactNativeArchitectures=arm64-v8a
  • ✅ RNTester builds and runs on the Pixel_10a emulator (API 37).
  • ✅ Each state shows the capsule, with the close button on the disconnected banner.
  • ✅ Measured top placement: 12dp below a 142px status bar.
  • ⚠️ No Android tests cover this view.

App states, Pixel 10a

Light Dark
Loading
Fast Refresh
Disconnected

🎬 End to end app load, Fast Refresh

android-pill-e2e-load-refresh.mov

@huntie
huntie added this pull request to stack #58868 October 5, 2026 16:11
@meta-cla meta-cla Bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Oct 5, 2026
@github-actions

github-actions Bot commented Oct 5, 2026

Copy link
Copy Markdown

Caution

Invalid Base Branch

The base branch for this PR is pr58866, which is not main or a -stable branch.
Are you sure you want to target this branch?

@huntie huntie changed the title Redesign DevLoadingView as a floating capsule (Android) [WIP DRAFT] Redesign DevLoadingView as a floating capsule (Android) Oct 5, 2026
@huntie huntie changed the title [WIP DRAFT] Redesign DevLoadingView as a floating capsule (Android) [WIP DRAFT] Redesign DevLoadingView (Android) Oct 5, 2026
@huntie huntie changed the title [WIP DRAFT] Redesign DevLoadingView (Android) Redesign DevLoadingView (Android) Oct 5, 2026
@huntie
huntie marked this pull request as ready for review October 5, 2026 20:56

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. p: Expo Partner: Expo Partner

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant