2021年3月11日木曜日

ScrollViewとかFlatlist内のTouchableOpacityがscroll中に勝手にonPressされてしまう問題

  • このエントリーをはてなブックマークに追加

ScrollView使っていてTouchableOpacityがscroll中に暴発してしまうことがたまにあるわけで。
それを解決する方法の一つはonPressInとかonPressOutを使うっていう方法(https://dev.classmethod.jp/articles/touchables-in-scrollview-on-rnfw/)があるけど、大量にデータが入ってるScrollViewだとちょっとパフォーマンス的なところどうなんだろうと疑問に思うことがあったり。

そこで今日は別の方法で解決するお話をば。

import { TouchableOpacity } from 'react-native-gesture-handler';って感じでreact-native-gesture-handlerのTouchableOpacityを使ってあげればいい。
もしかしたら内部的にはonPressInとonPressOutを組み合わせるのと同じようなことをやってるかもしれないけども、実装は簡単になるんじゃないかと。
react-navigationはほぼ必須みたいなものだしreact-navigation入れる際に必要だしね的なみたいな。

0 件のコメント:

コメントを投稿

Adsense