Reactネイティブナビゲーションジェスチャー

Question

React NativeのNavigatorを使用して、iOSアプリのシーンをナビゲートしています。左の端から右にスワイプして前の画面にスワイプすることはできますが、スワイプできる地域はネイティブナビゲーションほど大きくないか反応していないようです。時々私は端から少しスワイプし、それは動作しません。

この領域にチューニングを適用する方法があるかどうか、つまりスワイプを少し大きくしてユーザーの成功率を上げる方法があるのだろうかと思います。それが最善の解決策ではないかもしれませんが、あなたがNavigatorSceneConfigs.js

でedgeHitWidthを変更することができます

Answer 1

「左から右」のデフォルトは30

ですこれは、プロジェクト全体とするたびに影響を与えますこれらの変更を再度行う必要があるネイティブに反応してアップグレードします。

Answer 2

は、それはまだ助けることができるかどうか知りませんが：

const SCREEN_WIDTH = require('Dimensions').get('window').width; 

const buildStyleInterpolator = require('buildStyleInterpolator'); 

const BaseSceneConfig = Navigator.SceneConfigs.HorizontalSwipeJump; 
const CustomBackGesture = Object.assign({}, BaseSceneConfig.gestures.jumpBack, { 
    // Make it so we can drag anywhere on the screen 
    edgeHitWidth: SCREEN_WIDTH, 

}); 
const CustomForwardGesture = Object.assign({}, BaseSceneConfig.gestures.jumpForward, { 
    // Make it so we can drag anywhere on the screen 
    edgeHitWidth: SCREEN_WIDTH, 

}); 
const CustomSceneConfig = Object.assign({}, BaseSceneConfig, { 
    // A very tighly wound spring will make this transition fast 
    springTension: 100, 
    springFriction: 1, 
    gestures: { 
    jumpBack: CustomBackGesture, 
    jumpForward: CustomForwardGesture, 
    }, 
}); 

あなたはジェスチャーやedgeHitWidthをカスタマイズすることができます。SCREEN_WIDTHは、トリックを行います。