タッチイベントをTouchableOpacityでラップされたテキストリンクに伝播させるにはどうすればよいですか？
フック
でonPress囲まれたテキストがありますTouchableOpacity。
<TouchableOpacity onPress={doNavigateToComment}>
<View>
<Text>
<Text onPress={doNavigateToUser}>
@{user.username}
</Text>{" "}
liked your comment.
</Text>
</View>
... more stuff ...
</TouchableOpacity>
そのテキストの任意の場所をタップすると、がトリガーされdoNavigateToCommentます。ユーザーがユーザー名をタップすると、呼び出す必要doNavigateToUserがありText onPressます基本的な優先順位を与える方法はありますか？外側のタッチ可能なラッパーのみを認識しているようです。
ティム
コードを少し変更しましたが、意図したとおりの動作が得られています。
doNavigateToComment() {
console.log('doNavigateComment');
}
doNavigateToUser() {
console.log('doNavigateToUser');
}
<View style={styles.container}>
<TouchableOpacity
onPress={() => this.doNavigateToComment()}>
<View style={{ backgroundColor: 'red', height: 40, justifyContent: 'center', alignItems: 'center' }} >
<Text>
<Text
style={{ backgroundColor: 'blue' }}
onPress={() => this.doNavigateToUser()}>
Username
</Text>{' '}
liked your comment.
</Text>
</View>
</TouchableOpacity>
</View>
ユーザー名（青い領域）をdoNavigateToUser押すと印刷され、赤い領域を押すと印刷されますdoNavigateComment。あなたはおそらくあなたのスタイリングを適応させる必要があります。
スクリーンショット：
ワーキングエキスポ：
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
React NativeのネストされたTouchableでタッチイベントを伝播するにはどうすればよいですか？
- 2
基本クラスから（テンプレートにある）タップされたアイテムのイベントをキャプチャするにはどうすればよいですか？
- 3
ドッキングされたストラップ内にコンテンツタイプを保持するにはどうすればよいですか
- 4
xpathを使用してhtmlタグでラップされたリンクテキストを照合するにはどうすればよいですか？
- 5
Meteorで、動的に挿入された要素にテンプレートイベントをアタッチするにはどうすればよいですか？
- 6
beforeunloadイベントによってトリガーされたポップアップに英語以外のテキストをブラウザに表示させるにはどうすればよいですか？
- 7
ラジオボタンでリンクされたテキストボックスの値を選択するにはどうすればよいですか？
- 8
スキップされたブランク（スキップせずに元のトークン）を取得するにはどうすればよいですか？
- 9
チェックされたラジオボタンに関連してtextareaのテキストを更新するにはどうすればよいですか？
- 10
touchmoveを使用してタッチスクリーンでmousemoveイベントを機能させるにはどうすればよいですか？
- 11
スプライトキットでタッチアクションを実行せずにパンするにはどうすればよいですか？
- 12
同じパイプラインのバッチスクリプトでJenkinsパイプラインプロパティステップで定義されたプロパティを使用するにはどうすればよいですか？
- 13
キャッチされた障害の後、HTTPリクエストがアプリを介して伝播し続けることを許可するにはどうすればよいですか？
- 14
「text」属性を使用してファイルを正規化した後、gitにマスターブランチをチェックアウトさせ、キャリッジリターンを削除するにはどうすればよいですか？
- 15
ボタンがクリックされるたびにボタンのテキスト値を変更するにはどうすればよいですか？
- 16
コマンドラインからクリップボードにリッチテキストを送信するにはどうすればよいですか？
- 17
jsで生成されたボタンにツールチップテキストを追加するにはどうすればよいですか？
- 18
テキストボックスのコンテンツをデータベースに保存するにはどうすればよいですか？テキストボックスはHTMLとCSSでプログラムされています
- 19
Notepad ++でラップされたテキストをインデントするにはどうすればよいですか？
- 20
Windows 10-タッチスクリーンなしでタッチイベントをテストするにはどうすればよいですか？
- 21
SwiftUIチャットアプリで送信ボタンがクリックされたときにカスタムUITextViewのテキストをクリアするにはどうすればよいですか？
- 22
コピーアンドペーストまたはプログラムによってテキストエリアにテキストが追加されたときにイベントをキャッチするにはどうすればよいですか？
- 23
キーアップイベントがトリガーされたテーブル行<tr>を特定するにはどうすればよいですか？
- 24
QRをスキャンした後に表示されるプレーンテキストをクリック可能にして、ユーザーをブラウザにリダイレクトするにはどうすればよいですか？
- 25
プライバシーポリシーページをアクセプタンスチェックボックスのラベルテキストにリンクするにはどうすればよいですか？
- 26
チェックされたコンテキストにあるかどうかを確認するにはどうすればよいですか？
- 27
チェックされたコンテキストにあるかどうかを確認するにはどうすればよいですか？
- 28
単純なドッキングされたRabbitMQクラスターをセットアップするにはどうすればよいですか？
- 29
ボタングループクリックハンドラー-クリックされたボタンのテキストコンテンツを取得するにはどうすればよいですか？
コメントを追加