[解決済み] TouchableNativeFeedback、TouchableHighlight、TouchableOpacityをいつ使うか?
質問
React Nativeでは、ボタンを作成する方法は少なくとも3つあります。
TouchableNativeFeedback
,
TouchableHighlight
と
TouchableOpacity
. また
TouchableWithoutFeedback
がありますが、ドキュメントでは、使ってはいけないと明確に述べています。なぜなら、押されたことに反応するすべての要素は、タッチされたときに視覚的なフィードバックを持つべきだからです。
- タッチ可能なネイティブ フィードバック はAndroidのみで、ViewをRCTViewの別のインスタンスに置き換えます":RCTView"。
- タッチ可能なハイライト "ビューをビュー階層に追加します"
- TouchableOpacity は、ビュー階層を変更することなく動作します。
この 3 つの間に他に大きな違いはありますか? これらのうち1つはgotoコンポーネントなのでしょうか? どのような場合に
TouchableHighlight
以上
TouchableOpacity
? パフォーマンスへの影響はありますか?
私は今アプリケーションを書いていますが、3 つともタップしてからアクション (この場合はナビゲーションの変更) を実行するまでにかなりの遅延があることに気づきました。もっとすばやく動作させる方法はありますか?
どのように解決するのですか?
ソース https://medium.com/differential/better-cross-platform-react-native-components-cb8aadeba472 ニック・ウィエンテイによる
TouchableHighlight
- 何をするのか 押されたとき、要素の背景を暗くしたり明るくしたりします。
- いつ使うか iOSでは、タッチ可能な要素、または固体の形状や背景を持つボタン、およびListViewの項目で使用されます。
TouchableOpacity
- 何をするのか 押されたとき、要素全体の不透明度を明るくする。
- いつ使うか iOS で、背景色のない独立したテキストまたはアイコンのタッチ可能な要素に使用します。
TouchableNativeFeedback
- 何をするのか 押したときに背景に波紋のような効果を加えます。
- いつ使うか Androidでは、ほとんどすべてのタッチ可能な要素で使用できます。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン