callstack / callstack/react-native-paper
onPress beeing called after animation finishes
- 主要言語
- 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