callstack / callstack/react-native-pager-view

The first SceneView's height is not full

Open
#575 8 comments 7 reactions 0 assignees View on GitHub
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.

![Jun-12-2022 23-26-22](https://user-images.githubusercontent.com/23474513/173240516-bfb46b4d-b3b3-4751-94af-8f5f8fc13de3.gif)

## Reproducible Demo

https://snack.expo.dev/@blucas/bottom-blank

Contributor guide

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.