React/react-native
1
0
Fork 0
mirror of https://github.com/facebook/react-native.git synced 2024-11-21 22:10:14 +00:00
Code Issues Actions 10 Packages Projects Releases Wiki Activity

Align HermesBadge to bottom to avoid overlap with status bar (#47734)

Browse Source 
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
This commit is contained in:
Alan Lee 2024-11-20 11:06:31 -08:00 committed by Facebook GitHub Bot
parent de82b15b0d
commit 7733c335eb
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/react-native/Libraries/NewAppScreen/components/HermesBadge.js vendored
View File

@ -40,8 +40,8 @@ const HermesBadge = (): Node => {
const styles = StyleSheet.create({ const styles = StyleSheet.create({
badge: { badge: {
position: 'absolute', position: 'absolute',
top: 8,
right: 12, right: 12,
bottom: 8,
}, },
badgeText: { badgeText: {
fontSize: 14, fontSize: 14,