問題タブ [touchablehighlight]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
react-native - TouchableXXX は、アプリが反応ネイティブで起動すると自動的にトリガーされます
このトーシャルに続いて、タッチ可能なアイテムをラップしようとしています
そして、私が見つけた問題は、アプリの起動によってナビゲーションが自動トリガーされ、クリックせずに詳細ページに移動することです。また、戻ると、タッチ可能なアイテムを押すことができなくなります。押すと、エラーがスローされます。
それを告発するための最小限のアプリを作成しました：
私の下手な英語でこの問題を説明するのは非常に難しいので、この問題を告発するためのYouTube ビデオ (約 20M)も作成しました。
javascript - FlatListアイテムからModalに小道具を渡す方法は?
TouchableHighlights をレンダリングする FlatList を含む View コンポーネントを実装しました。また、FlatList をレンダリングするコンポーネントを含むさまざまな場所にインポートしたい Modal コンポーネントを実装しました。
私はすでに外部からモーダルを開き（可視性のプロップを渡し、nextProps を介してアクセスし、モーダル状態値「modalVisible」をこれに設定することにより）、内部から閉じます（単に状態値「modalVisible」を変更することにより）。 .
BUT: 各 FlatLists アイテムからモーダルにデータを渡したいと思っています。TouchableHighlight としてレンダリングされたアイテムはモーダル onPress を開く必要があり、モーダルにはアイテムからのデータが含まれている必要があります (以下のコードでは、これはアイテム ID になります)。モーダルにデータを渡すにはどうすればよいですか? nextProps を使用して動作させることができません。これは、モーダルではなく FlatLists アイテム内からの状態の設定に関連する問題のようです。
モーダル：
FlatList レンダリング TouchableHighlights: