headerRight button not horizontally centered on iOS glass iOS 26.4.2

[HerrNiklasRaab]

Description

Similar to this: #2990

Steps to reproduce

See snack

Snack or a link to a repository

https://snack.expo.dev/@herrniklasraab/adequate-orange-croissant

Screens version

~4.16.0

React Native version

React Native 0.81

Platforms

iOS

JavaScript runtime

None

Workflow

None

Architecture

None

Build type

None

Device

None

Device model

No response

Acknowledgements

Yes

[kligarski]

Hi, @HerrNiklasRaab. Thank you for reporting the issue.

I tried your reproduction example on latest react-native-screens and it seems to be working correctly.

I see that you're using react-native-screens@4.16.0 but there were some fixes to header items which are available on 4.21.0+ (see #2990 (comment) for more details). Please bump react-native-screens in your app and if the issue still persists, let us know.

Remember also to check if the icon is properly centered/doesn't involve any padding. If you want to check if a problem is related to screens or not, please use regular view as the icon, e.g. something like:

        <View style={{ backgroundColor: 'green', width: 28, height: 28 }} />

If the regular view is not centered, then the issue is probably related to react-native-screens.

If you have any more questions, let us know.

[HerrNiklasRaab]

Hey @kligarski,

thanks for your swift response. I was on the correct version, but had a native binary that was still on the old version.

Sorry for the fluke.