From 7733c335eb4fb4cb7bff69205a7aa519100b042c Mon Sep 17 00:00:00 2001 From: Alan Lee Date: Wed, 20 Nov 2024 11:06:31 -0800 Subject: [PATCH] Align HermesBadge to bottom to avoid overlap with status bar (#47734) Summary: Pull Request resolved: https://github.com/facebook/react-native/pull/47734 - With forced edge-to-edge on Android 15 targetSdk 35, `HermesBadge` overlaps with the top status bar. - Move the location of the HermesBadge to align with bottom of the header so we can avoid UI overlap with minimal changes to the template. Changelog: [Internal] Reviewed By: cipolleschi Differential Revision: D66183918 fbshipit-source-id: 6e9eff337660a133349a2813e9ee033a8d2b749e --- .../Libraries/NewAppScreen/components/HermesBadge.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-native/Libraries/NewAppScreen/components/HermesBadge.js b/packages/react-native/Libraries/NewAppScreen/components/HermesBadge.js index 8522aebd2c9..0d2a8dea595 100644 --- a/packages/react-native/Libraries/NewAppScreen/components/HermesBadge.js +++ b/packages/react-native/Libraries/NewAppScreen/components/HermesBadge.js @@ -40,8 +40,8 @@ const HermesBadge = (): Node => { const styles = StyleSheet.create({ badge: { position: 'absolute', - top: 8, right: 12, + bottom: 8, }, badgeText: { fontSize: 14,