Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン
#1,081 コメント 1 件 リアクション 2 件 担当者 0 名 GitHub で見る

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

まだ誰も着手していません。

評価

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

調査の方向性

添付された再現可能なデモから始め、npm install、cd ios && pod install、npm run e2e:build、npm run e2e:test を実行します。PagerView 内での Detox のタップと手動操作を比較し、その後、デモから公開されている PagerView と iOS のイベント処理のエントリーポイントを追跡します。完了条件は、手動でのプレスを壊すことなく、ネストされた Pressable または TouchableOpacity の onPress が Detox で発火することです。

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

説明

Environment

Environment details
Binaries:
  Node:
    version: 22.14.0
  Yarn:
    version: 1.22.22
  npm:
    version: 11.6.2
Managers:
  CocoaPods:
    version: 1.16.2
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 25.5
      - iOS 26.5
      - macOS 26.5
      - tvOS 26.5
      - visionOS 26.5
      - watchOS 26.5
  Android SDK: Not Found
IDEs:
  Android Studio: 2025.1 AI-251.27812.49.2514.14217341
  Xcode:
    version: 26.5/17F42
Languages:
  Java:
    version: 17.0.11
  Ruby:
    version: 2.6.10
npmPackages:
  "@react-native-community/cli":
    installed: 20.0.0
    wanted: 20.0.0
  react:
    installed: 19.2.0
    wanted: 19.2.0
  react-native:
    installed: 0.83.5
    wanted: 0.83.5
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

Description

When trying to press/trigger a Pressable/TouchableOpacity (nested inside a PagerView) using Detox's tap(), it doesn't fire the onPress handler. Detox finds the element and the "press" visual hint is visible on top of the button but the onPress is never fired.

Using either

const AnimatedPagerView = Animated.createAnimatedComponent(PagerView);

or PagerView directly doesn't make a difference.

See attached video:

  • First click on 00:03 is from Detox
  • The swipe and click after that is manual from me

Reproducible Demo

I've attached a simple repo for reproducing the issue using the following:

"react": "19.2.0",
"react-native": "0.83.5",
"react-native-pager-view": "^8.0.2",

To build and run use:

npm install
cd ios && pod install # for iOS 
npm run e2e:build
npm run e2e:test

RN0835PagerViewDetox.zip

主要言語
TypeScript
スター
3.4k
フォーク
488
平均マージ
2日 11時間
マージ済み PR(30日)
26

環境構築

はじめの一歩

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

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

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

似ている issue

TypeScript の issue をもっと見る

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

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