One screen's transparent header looks different from all the others
React NativeConfirmed fix
expo-router native-stack
There is no error message for this one, only the symptom in the title.
Cause
All screens spread the same shared header options, but one also set headerBlurEffect: "prominent". With headerTransparent: true that picks a different blur material, so no amount of re-applying the shared object fixed it.
Fix
Diff the final options object per screen, not the shared one. Remove the extra override so every screen uses exactly the shared options.
More React Native errors
- Screen crashes the whole app: Rendered more hooks than during the previous renderRendered more hooks than during the previous render
- Feed shows an error state for every address: ReferenceError before initializationReferenceError: Cannot access 'scoreById' before initialization
- Screen crash: Maximum update depth exceededError: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate.
- Reanimated crash on device: Tried to synchronously call a non-worklet function on the UI thread[Worklets] Tried to synchronously call a non-worklet function `clamp01` on the UI thread.
- Rows wrapped in <Link asChild> collapse to a tiny height