Skip to content

chore(patches): draw the Dev Menu header icon like the home screen - #72

Merged
LESANF merged 2 commits into
0.0.12from
fix/dev-menu-app-icon-badge
Oct 12, 2026
Merged

LESANF merged 2 commits into
0.0.12from
fix/dev-menu-app-icon-badge

Conversation

@LESANF

@LESANF LESANF commented Oct 12, 2026

Copy link
Copy Markdown
Owner

Why

Shaking open the Dev Menu showed the app-icon-badge banner and ribbon mangled while the home-screen icon was fine. The image is the same file (pixel diff 0 against the asset catalog); the dev menu renders it differently.

What

patches/expo-dev-menu@57.0.18.patch

  • iOS HeaderView.swift: the 38pt box was clipped with cornerRadius: 16 (42% of the side, nearly a circle) → 8.5, style: .continuous (~22%, the iOS icon ratio). The bottom banner and corner ribbon are no longer cut off.
  • Android AppIcon.kt: stacked the adaptive icon's layers in a LayerDrawable without the launcher mask or the 72/108 crop, so the full 108dp canvas showed and the badge landed in the wrong place → let AdaptiveIconDrawable draw itself (toBitmap → draw applies both).

Registered in pnpm-workspace.yaml; history and removal condition in patches/README.md; CHANGELOG under Unreleased. Dev only.

Verified

  • :expo-dev-menu:compileDebugKotlin BUILD SUCCESSFUL (no warnings from the patched file)
  • expo-dev-menu pod target BUILD SUCCEEDED (HeaderView.swift compiles clean)
  • Not run on a simulator. Please check the Dev Menu header on a dev build (iOS and Android).

Note: the full iOS app build currently fails in @expo/ui (NavigationSplitViewView not in scope) because ios/Pods dates from Sep 17 and @expo/ui moved to 57.0.19 since. Unrelated to this PR; pod install (or expo run:ios) fixes it.

🤖 Generated with Claude Code

LESANF and others added 2 commits October 12, 2026 17:12
…reen

The Dev Menu header draws the app icon differently from the launcher,
which mangles the app-icon-badge banner and ribbon on dev/preview builds.
On iOS `HeaderView.swift` clips a 38pt box with a 16pt radius, nearly a
circle, so the badge edges are cut off; the patch uses 8.5pt continuous
(the ~22% iOS icon ratio). On Android `AppIcon.kt` stacks the adaptive
icon's background and foreground layers without the launcher mask or the
72/108 crop, so the whole 108dp canvas shows and the badge sits in the
wrong place; the patch lets `AdaptiveIconDrawable` draw itself, which
applies both. `patches/README.md` states when to drop it. Dev only.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@LESANF
LESANF merged commit 6f25e7c into 0.0.12 Oct 12, 2026
1 check passed
@LESANF
LESANF deleted the fix/dev-menu-app-icon-badge branch October 12, 2026 08:32
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