TouchableNativeFeedback、TouchableHighlight、またはTouchableOpacityを使用する場合

ネイティブ反応して、そこにボタンを作成するには、少なくとも3つの方法がある：TouchableNativeFeedback、TouchableHighlightとTouchableOpacity。またTouchableWithoutFeedback、「プレスに反応するすべての要素は、触れたときに視覚的なフィードバックが必要である」ため、ドキュメントには使用すべきではないと明確に記載されているものもあります。

• TouchableNativeFeedbackはAndroidのみであり、「ビューをRCTViewの別のインスタンスに置き換えます」
• TouchableHighlightは「ビュー階層にビューを追加します」
• TouchableOpacityは「ビュー階層を変更せずに」機能します

3つの間に他に重要な違いはありますか？それらの1つはgotoコンポーネントですか？どのような場合に使用TouchableHighlightする必要がありますTouchableOpacityか？パフォーマンスへの影響はありますか？

私は今アプリケーションを書いていますが、3つすべてがタップとアクション（この場合はナビゲーションの変更）の間にかなりの遅延があることがわかりました。それをよりきびきびとさせる方法はありますか？

出典：https：//medium.com/differential/better-cross-platform-react-native-components-cb8aadeba472、Nick Wientge

TouchableHighlight

•機能：押すと、要素の背景を暗くしたり明るくしたりします。

•いつ使用するか：iOSの場合、ソリッドな形状または背景を持つタッチ可能な要素またはボタンの場合、およびListViewアイテムの場合。

TouchableOpacity

•機能：押すと要素全体の不透明度が明るくなります。

•いつ使用するか：iOSの場合、背景色のないスタンドアロンのテキストまたはアイコンであるタッチ可能な要素。

TouchableNativeFeedback

•機能：押すと背景に波及効果を追加します。

•いつ使用するか：Androidでは、ほとんどすべてのタッチ可能な要素に対応します。

さて、これは私が通常何を使用するかを決定する方法です：

• Android専用でビルドしていて、コンポーネントが十分に大きいため、ネイティブフィードバックが他のフィードバックとは明らかに異なる場合は、次を使用します。 TouchableNativeFeedback
• コンポーネントの不透明度を制御したい場合、またはボタンに触れたときに色を付けたい場合、およびTouchable内の一部の要素のフォーカス状態を制御したくない場合は、を使用しますTouchableHighlight。（TouchableOpacity不透明度を自分で制御すると、奇妙な部分がいくつかあります）。
• 他のすべての場合、私はTouchableOpacityそれがより「裸」であるために使用しますTouchableHighlight

ドキュメントに記載されている主な本質的な違いは次のとおりです。

TouchableHighlight must have one child (not zero or more than one). If you wish to have several child components, wrap them in a View.リンク

TouchableHighlight

TouchableHighlightビューをタッチに適切に応答させるためのラッパー。押し下げると、ラップされたビューの不透明度が低下し、アンダーレイの色が透けて見え、ビューが暗くなったり、色が濃くなったりします。

アンダーレイは、子を新しいビューでラップすることで発生します。これは、レイアウトに影響を与える可能性があり、ラップされたビューのbackgroundColorが明示的に不透明な色に設定されていない場合など、正しく使用されない場合、不要な視覚的アーティファクトを引き起こすことがあります。

TouchableOpacity

TouchableOpacity＃ビューをタッチに適切に応答させるためのラッパー。押し下げると、ラップされたビューの不透明度が下がり、暗くなります。

あなたがしたい場合は

• プレス時にハイライトボタン—使用 TouchableHighlight
• 押すとボタンの不透明度を変更—使用 TouchableOpacity