callstack / callstack/react-native-pager-view

The first SceneView's height is not full

オープン
#575 コメント 8 件 リアクション 7 件 担当者 0 名 GitHub で見る
主要言語
TypeScript
スター
3.4k
フォーク
476
平均マージ
10日 21時間
マージ済み PR(30日)
2

説明

## 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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

リンクされた Expo Snack から始め、TabView を NavigationContainer でラップしたときに空白の領域が再現されることを確認します。最初の SceneView の計測された高さを他のルートと比較して調べ、その後、最初のルートが下部に空白を残さず利用可能な高さを埋めることを確認します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react-native, typescript
領域
mobile
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。