FlatListのネイティブメイクビューはスクロールイベントを無視しますが、onPressイベントを受け入れる

Question

私はFlatList内の投稿のリストを表示する反応ネイティブアプリを作成しています。投稿はテキストかイメージです。

• スクロール：私は達成するために苦労してる2つの要件を持っている私は、ユーザーが難なくすなわちポストのリストをスクロールできるようにしたい彼らは親によって処理されますので、ポストは、スクロールイベントを無視すべきですフラットリスト。

• 選択/クリック：ユーザーが投稿のテキストを選択したり、投稿のリンクをクリックできるようにします。つまり、投稿はonPress（）イベントを処理する必要があります。

私はFlatList、テキスト選択で通常のビューと予想されるが、不十分な作品をスクロールするとクリックした作品として投稿をレンダリングする場合。これは、ポストがスクロールイベントをキャプチャすることがあるためです。大きな画像を含む投稿では、その動作は非常に悪いです。投稿にpointerEvents="none"を追加してスクロールの問題を修正できます。ただし、この場合、投稿のテキストを選択したり、リンクをクリックすることはできなくなります。

テキストを選択して個々の投稿のリンクをクリックするとスムーズにスクロールできますか？私はAndroidでのみこれをテストしました。あなたはscrollEnabled = {偽}小道具を使用することができますスクロールを無効にするに

Answer 1

、これはいくつかのtouchableを使用し、クリック可能なテキストを作成するにはreact docs.

に説明されているようFlatlist inherets Scrollviewの小道具を検討している、TouchableHighlight、 TouchableOpacity、TouchableNativeFeedback。