callstack / callstack/react-native-pager-view
The first SceneView's height is not full
- Dominant language
- TypeScript
- Stars
- 3.4k
- Forks
- 476
- Avg merge
- 10d 21h
- Merged PRs (30d)
- 2
Description
## Environment
| Package | Version |
| ---- | ---- |
| expo | 45.0.5 |
| react | 17.0.2 |
| react-native | 0.68.2 |
| react-native-tab-view | 3.1.1 |
| react-native-pager-view | 5.4.15 |
| node | 16.13.2 |
| yarn | 1.22.10 |
| @react-navigation/native | 6.0.10 |
| @react-navigation/native-stack | 6.6.2 |
## Description
In my case, if the `TabView` be wrapped in the `NavigationContainer` which exported from `@react-navigation/native`, the first route has a bottom blank.
And I debug the element tree by react-native-debugger, found that the first SceneView's height is incorrectly.

## Reproducible Demo
https://snack.expo.dev/@blucas/bottom-blank
Contributor guide
Research direction
Start with the linked Expo Snack and reproduce the blank area when TabView is wrapped in NavigationContainer. Inspect the first SceneView's measured height against the other routes, then verify the first route fills the available height without a bottom blank.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100