[iOS] pager content getting cropped on version 8.0.4

メンテナーはふだん 1 日以内に返信

評価

調査の方向性

説明

Environment

react-native-pager-view: 8.0.4 (regression from 8.0.2)
react-native: 0.81.1
Architecture: Fabric (New Architecture)
Platform: iOS
Device: iPhone 16 Pro, portrait (reproduces on any device with a home-indicator safe area)
Tab bar: custom React Native bottom tab (not the system UITabBar)

Description

Regression in 8.0.4, introduced by #1085.

After upgrading 8.0.2 → 8.0.4, page content is cropped at the bottom on first render and only corrects after the first scroll.

Root cause (confirmed with native logging inside PageChildViewController):

propagateSafeArea() walks up to the nearest ancestor with a non-zero safe area and copies its safeAreaInsets into additionalSafeAreaInsets. The picked source is consistently the same view (_UIHostingView<_ViewList_View>), but its safeAreaInsets.bottom is not stable during layout — it flickers 49 → 24.33 while the hosting view's height settles through intermediate passes (730 → 681 → 656.66).

propagateSafeArea() samples this value mid-relayout and pins the transient 24.33, cropping the content. The 0.5pt guard doesn't help, since 49 → 24.33 is a large delta (the guard only prevents infinite layout loops, not incorrect values). A manual scroll forces a clean relayout back to 49, which is why the crop disappears after scrolling.

Trigger: the initial layout pass on first mount, and again whenever the page is relaid out. The inset is read while the hosting view's layout is still settling, so an intermediate value gets applied.

Expected: content uses the correct, stable bottom inset (49) on first render.
Actual: content is cropped using a transient inset (24.33) until the first scroll.

Reproducible Demo

Fabric app with a PagerView whose page contains a scrollable list.
The page is rendered inside a view whose height changes during initial layout (below a collapsing header or header height changes during layout).
On first load, the bottom of the content is cut off. Scroll once and it corrects.

環境構築

はじめの一歩

1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
3. リポジトリをフォークし、ブランチを切って変更します。
4. issue 番号を参照したプルリクエストを送ります。

callstack/react-native-pager-view のほかの issue

• iOS: PagerScrollDelegate proxies to itself and overflows the stack when the weak originalDelegate dies

  対応中かも @lvlrSajjad が 34 日前に担当しました。 オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル

  難易度 4/5 3〜5日 初心者へのやさしさ 25/100

  callstack/react-native-pager-view#1146 · 2026年9月13日 に作成

  メンテナーはふだん 1 日以内に返信

• [iOS] Stack overflow in _UIHostingView._hitTest with keyboard open on a page (8.0.2 and 9.0.4, New Architecture)

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル

  難易度 5/5 1週間以上 初心者へのやさしさ 35/100

  callstack/react-native-pager-view#1144 · 2026年9月5日 に作成

  メンテナーはふだん 1 日以内に返信

• Synthetic touches (XCUITest/Detox) silently ignored on iPhone in portrait (horizontalSizeClass=compact), but work fine on iPad (regular)

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル

  難易度 4/5 3〜5日 初心者へのやさしさ 45/100

  callstack/react-native-pager-view#1141 · リアクション 1 件 · 2026年9月4日 に作成

  メンテナーはふだん 1 日以内に返信

• [iOS] Press event inside Pager View not firing when using E2E Detox tests

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル

  難易度 4/5 3〜5日 初心者へのやさしさ 45/100

  callstack/react-native-pager-view#1081 · コメント 1 件 · リアクション 2 件 · 2026年6月2日 に作成

  メンテナーはふだん 1 日以内に返信

• [iOS 15] Tab indicator does not update when switching pages after SwiftUI migration (v8)

  対応中かも @d-mato が 3 日前に担当しました。 オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  ios

  難易度 4/5 3〜5日 初心者へのやさしさ 52/100

  callstack/react-native-pager-view#1080 · コメント 2 件 · リアクション 3 件 · 2026年6月1日 に作成

  メンテナーはふだん 1 日以内に返信

callstack/react-native-pager-view の issue をすべて見る

似ている issue

• [good first issue, hacktoberfest] 🀄 Hacktoberfest Task - Add new Dialect Entry 449 (good-first-issue)

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs

  難易度 1/5 1時間未満 初心者へのやさしさ 90/100

  lingdojo/kana-dojo#32663 · コメント 1 件 · リアクション 5 件 · 2026年10月17日 に作成

  メンテナーはふだん 1 日以内に返信

• Admin: Title Separator field can't be cleared (input falls back to "|")

  対応中かも @emdashbot が今日担当しました。 オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  bot:bug bot:in-review

  難易度 2/5 1〜3時間 初心者へのやさしさ 80/100

  emdash-cms/emdash#4236 · コメント 3 件 · 2026年10月17日 に作成

  メンテナーはふだん 1 日以内に返信

• PHP workflow streaming requests buffer the full SSE response

  対応中かも @Winoren が今日担当しました。 オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  review: medium

  難易度 2/5 1〜3時間 初心者へのやさしさ 84/100

  langgenius/dify#44270 · コメント 1 件 · リアクション 1 件 · 2026年10月17日 に作成

  メンテナーはふだん 1 日以内に返信

• LogoAnchor.quaternion/normal are required: type break for hosts building anchors for the exported LogoPlane

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  area:holodeck review-finding

  難易度 2/5 1〜3時間 初心者へのやさしさ 62/100

  hyperdrive-technology/holodeck#142 · 2026年10月17日 に作成

  メンテナーはふだん 1 日以内に返信

• session-worker-compile.yml uses a floating oven-sh/setup-bun@v2 tag instead of the pinned SHA

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル

  難易度 1/5 1時間未満 初心者へのやさしさ 90/100

  code-yeongyu/senpi#3573 · 2026年10月17日 に作成

  メンテナーはふだん 1 日以内に返信

TypeScript の issue をもっと見る