基本的な座標方向判定されたユーザジェスチャにRNジェスチャー応答システムの使用とアクセス

1.基本的な使用、
二つの点に注意を払います

(1)「componentWillMount」ライフサイクル関数内部のジェスチャーシステムの機能、警告、あなた自身のための警告がありました

(2)ES6展開拡張演算子を使用する方法

'REACT'インポートからの反応; 
 インポート{テキストからの眺めは、} 'ネイティブ反応する' ; 

 エクスポートデフォルトクラス延びReact.Component {マイ
     コンストラクタ(小道具){ 
         スーパー(小道具); 
        
     } 
     UNSAFE_componentWillMount(){ 
         この .gestureHandlers = { 

            onMoveShouldSetResponder (EVT) => { 
                にconsole.log( 'onMoveShouldSetResponder' );
                 戻り trueには; 
            } 
            // 今タッチイベントに応答して開始します。また、時間を強調するために行われる必要があるので、ユーザは、最終的に彼を指すようにどこを知っています。
            onResponderGrant:(イベント)=> {
                console.log(「onResponderGrant」); 
                はconsole.log(イベント); 
                はconsole.log(event.nativeEvent); 
            }、
            
            // イベントに固有の応答:(1)利用者は、回数「に注意を払う」画面で、上で指を動かしているトリガーすぎ頻繁 
            onResponderMove:(EVT)=> { 
                にconsole.logは( 'ユーザが指を動かして、ありません' ); 
            }、
            onResponderRelease:(イベント) => { 
                にconsole.log( '指の移動後に、離' ); 
                コンソール。ログ(イベント)
                にconsole.log(event.nativeEvent); 
            } 
        } 
     } 
     (レンダリング){ 
         リターン < ビュー
                スタイル = {{フレックス:1、backgroundColorの"黄色" }} 
                {... この.gestureHandlers}
             > 
            </ビュー> 
     } 
 }

***もちろん、私はあなたがコンソールに効果を見ることができるいくつかのジェスチャー機能を省略しました

おすすめ

転載: www.cnblogs.com/tengyuxin/p/12067058.html