1. ホーム
  2. react-native

[解決済み] TouchableNativeFeedback、TouchableHighlight、TouchableOpacityをいつ使うか?

2022-09-25 01:59:33

質問

React Nativeでは、ボタンを作成する方法は少なくとも3つあります。 TouchableNativeFeedback , TouchableHighlightTouchableOpacity . また TouchableWithoutFeedback がありますが、ドキュメントでは、使ってはいけないと明確に述べています。なぜなら、押されたことに反応するすべての要素は、タッチされたときに視覚的なフィードバックを持つべきだからです。

この 3 つの間に他に大きな違いはありますか? これらのうち1つはgotoコンポーネントなのでしょうか? どのような場合に TouchableHighlight 以上 TouchableOpacity ? パフォーマンスへの影響はありますか?

私は今アプリケーションを書いていますが、3 つともタップしてからアクション (この場合はナビゲーションの変更) を実行するまでにかなりの遅延があることに気づきました。もっとすばやく動作させる方法はありますか?

どのように解決するのですか?

ソース https://medium.com/differential/better-cross-platform-react-native-components-cb8aadeba472 ニック・ウィエンテイによる

TouchableHighlight

- 何をするのか 押されたとき、要素の背景を暗くしたり明るくしたりします。

- いつ使うか iOSでは、タッチ可能な要素、または固体の形状や背景を持つボタン、およびListViewの項目で使用されます。

TouchableOpacity

- 何をするのか 押されたとき、要素全体の不透明度を明るくする。

- いつ使うか iOS で、背景色のない独立したテキストまたはアイコンのタッチ可能な要素に使用します。

TouchableNativeFeedback

- 何をするのか 押したときに背景に波紋のような効果を加えます。

- いつ使うか Androidでは、ほとんどすべてのタッチ可能な要素で使用できます。