[解決済み] React Nativeです。View onPress が動作しない
2022-02-11 14:05:09
質問
奇妙な問題に直面しています。私のreact nativeアプリで、もし
onPress
イベントを
View
に設定すると、トリガーされないが、同じように
Text
内部
View
であれば、発火します。何が足りないのでしょうか?
<View style={{backgroundColor: "red", padding: 20}}>
<Text onPress={()=> {
console.log('works');
}
}>X</Text>
</View>
<View style={{backgroundColor: "red", padding: 20}} onPress={()=> {
console.log('does not work');
}
}>
<Text>X</Text>
</View>
なぜそうなるのでしょうか?これはReact Nativeの問題なのでしょうか?私はバージョン0.43を使用しています
解決方法を教えてください。
を使用することができます。
TouchableOpacity
には
onPress
イベントを開催します。
View
は提供しません。
onPress
のプロップです。
<TouchableOpacity style={{backgroundColor: "red", padding: 20}} onPress={()=> {
console.log('does not work');
}
}>
<Text>X</Text>
</TouchableOpacity>
関連
-
[解決済み】React Native。未処理のプロミスリジェクトの可能性
-
[解決済み】Reactネイティブ。YogaNode または親ノードを持たない子ノードを追加できない
-
[解決済み] rn-fetch-blob: アップロードされた画像をテストする方法
-
[解決済み] React Nativeでテキストを太字、斜体、下線にするにはどうすればよいですか?
-
[解決済み] ScrollView 内の FlatList がスクロールしない
-
[解決済み] spanのようなReactネイティブテキスト
-
[解決済み] React NativeとReactの違いは何ですか?
-
[解決済み] React / React Nativeでコンストラクタを使用する場合とgetInitialStateを使用する場合の違いとは何ですか?
-
[解決済み] react-nativeでキーボードを隠す
-
タスク ':app:installDebug' の実行に失敗しました。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】React Native。未処理のプロミスリジェクトの可能性
-
[解決済み] モジュールAppRegistryが呼び出し可能なモジュールとして登録されていない(runApplicationを呼び出す)。
-
[解決済み] React Native エラー。ENOSPC: ファイルウォッチャー数のシステム制限に達しました。
-
[解決済み] React Nativeの条件付きスタイリング
-
[解決済み] エラーが発生しました。react-native-elementsインストール後、Unrecognized font family Material Design icons?
-
[解決済み] React Nativeでテキストを太字、斜体、下線にするにはどうすればよいですか?
-
[解決済み] ScrollView 内の FlatList がスクロールしない
-
[解決済み] spanのようなReactネイティブテキスト
-
react-nativeで遭遇したポットホールまとめ(追加中)
-
タスク ':app:installDebug' の実行に失敗しました。