https://github.com/hirbod/expo-router-sdk52-content-shift-bug

https://github.com/hirbod/expo-router-sdk52-content-shift-bug

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/hirbod/expo-router-sdk52-content-shift-bug
• Owner: hirbod
• Created: 2024-12-05T01:15:44.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-05T01:23:06.000Z (about 1 month ago)
• Last Synced: 2024-12-05T02:22:11.176Z (about 1 month ago)
• Language: TypeScript
• Size: 5.21 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Weird SDK52 Bug Report

I discovered a strange bug in SDK52 and managed to reproduce it. Notably, this issue doesn't occur when using React Navigation v7 directly.

https://github.com/user-attachments/assets/44b9e71e-9bb7-4c80-8488-c3983fbbce07

#### Bug Description

- **Scenario**: Navigating from a screen without a header to a screen with a header.

- **Conditions**:

  1. The target screen contains a `ScrollView`.

  2. Interaction with the `ScrollView` causes a layout shift whenever navigating to the target screen.

Initially, I suspected the issue might be related to `react-native-screens`. However, after further testing, I could only reproduce this bug when using **Expo Router** and not with any other configuration.

Here is a proof that it works fine with React Navigation v7:

https://snack.expo.dev/@hirbod/native-stack-navigator-header-to-non-header