callstack / callstack/react-native-paper

onPress beeing called after animation finishes

オープン
#4,551 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る
bug Button
主要言語
TypeScript
スター
14.5k
フォーク
2.2k
平均マージ
5日 23時間
マージ済み PR(30日)
12

説明

### Current behaviour
When i press on any button that have ripple effect or animation its onPress event is called after ripple animation finishes.

### Expected behaviour
Suppose to trigger onPress imidiatly on tap.

### How to reproduce?
I just setup a barebone react native project and setup react native paper on top of it, so when i launch a screen from one to other onPress waits for button ripple animation to finish first then it opens a next screen.

### Preview

### What have you tried so far?
I tried disabling the ripple animation from paper provider settings it did improved the delay but still delay is noticeable and also i lose the animation as well.
### Your Environment

| software | version
| --------------------- | -------
| android | 14
| react-native | 0.76.1
| react-native-paper | ^5.12.5
| node | 22.0.0
| npm or yarn | npm
| expo sdk | sdk

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

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

調査の方向性

Issue に記載されているバージョンを使用し、Android 14 上の React Native Paper を使った最小構成の React Native プロジェクトで遅延を再現します。まず、ripple またはアニメーションを持つボタンを切り分け、ナビゲーションとの相対的なタイミングで onPress がいつ発火するかを確認します。タップによって onPress が即座に発火し、同時に ripple アニメーションも引き続き利用できれば完了です。

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

評価

技術スタック
android, react-native
領域
mobile
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

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

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