問題タブ [panresponder]
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 - 異なる領域を管理する画面上の複数のパンレスポンダー (同時に)
2 つのパンレスポンダーを同時に使用する方法はありますか?
特定の領域で 2 つの四角形の位置を同時に変更できるアプリを作成したいと考えています。青い四角形は青い領域でのみ移動でき、灰色の四角形は白い領域でのみ移動できる必要があります。（画像：ここに私の app-screenが表示されます）しかし、問題はタッチイベントが互いに干渉することです。
これは今までの私のコードです:
javascript - PanResponder の X、Y 値が反応ネイティブ アプリでわずかにずれている
Panresponder の使用方法を理解しようとしています。ユーザーがクリックした場所に表示される「十字線」を作成しようとしています。ユーザーの指をたどるようにしたいのですが、今のところ、ユーザーがタップした場所に表示することさえできません。現在は機能していますが、X、Y の値がずれています。私が間違っていることを理解できません。
前のユーザーがどこをクリックしたかは気にしないので、初期オフセットを x:0 と y:0 に設定します。locationX/locationY、pageX/pageY、またはgesture.x0/gesture.y0のすべての組み合わせを試しました。
さらに奇妙なことに、パンハンドラーを含むボックスを少なくとも 1 回クリックした後、ボックスの下をクリックしてパンハンドラーを開始できます。初めてボックス内をクリックする前にボックスの外をクリックすると、パンハンドラーが呼び出されません。
どんな助けでも素晴らしいでしょう
メインファイル
Line.js
react-native - panResponder は、すべてのタッチで開始位置から開始します
React Native PanResponderでswiperを作ろうとしています。ボタンを離した後にボタンをもう一度クリックすると、ボタンが開始位置から始まります。onPanResponderGrant で setOffset を使用してみましたが、スクロールするとボタンが親コンテナーを超えてしまいます。sser がコンテナーの半分の幅の 45% をスクロールした場合、その半分の端までボタンをアニメーション化しています。
ここに私のコードへのリンクがあります https://snack.expo.io/@sargnec/react-native-swiper