[ Conformance update ]

@react-navigation/native

Navigation header buttons follow native foreground colors

Oct NaN · 26 hybrid cases · 0% → 0% visual result

Untinted navigation header buttons now draw black in light mode and white in dark mode, matching the native oracle. Setting a navigation bar tint leaves those title and symbol colors unchanged. Explicit item tint and prominent buttons retain their existing behavior.

The new foreground checkpoints pass the unchanged 1% pixel limit in both appearances: 0.868% in light mode and 0.819% in dark mode.

Compare the native and browser captures

Header bar tint foreground PeachHeader bar tint foreground iOS 27.0
Header bar tint foreground0.82% diff
Header bar tint foreground PeachHeader bar tint foreground iOS 27.0
Header bar tint foreground0.87% diff
Header default foreground PeachHeader default foreground iOS 27.0
Header default foreground0.82% diff
Header default foreground PeachHeader default foreground iOS 27.0
Header default foreground0.87% diff
[ Updates · visual results ]
More →