0

スワイプが戻って複数のシーンを移動

は "反応する" の設定: "16.0.0-alpha.3"、

"反応するネイティブ": "0.43.1" を、

"反応するネイティブ・ルータ・フラックス": "^ 3.26.16"

期待される動作

スワイプバックジェスチャーでは、1つのシーンだけをアニメーション化し、そのシーンに戻ることが予想されます。

実際の挙動

随時 - 、ジェスチャをバックスワイプ(+ 50%)は、1つの又は複数のシーンをアニメーション化。スワイプバックの進行中に複数のシーンをアニメートしているにもかかわらず、すべての状況でシングルシーンに戻ります。

enter description here

階段シーン階層以下

与えるを再現するために、ジェスチャー

<Router createReducer={createNavigationReducer}> 
    <Scene key="auth" component={RootScene} hideNavBar initial={true} /> 
    <Scene key="sceneLogin"> 
    <Scene key="sceneLogin1" component={LoginScene} title="Login" renderLeftButton={renderLeftButton} /> 
    </Scene> 
    <Scene key="sceneRegister"> 
    <Scene key="sceneRegister1" 
     component={RegistrationScene} title="New User" renderLeftButton={renderLeftButton} /> 
    <Scene key="sceneRegister2" 
     component={RegistrationScene2} title="New User2" /> 
    </Scene> 
</Router> 

リデューサー(基本)

export const createNavigationReducer = (params) => { 
    const defaultReducer = Reducer(params); 
    return (state, action) => { 
    if (__DEV__) { 
     /* eslint-disable no-console */ 
     if (console.group) console.group('Navigation:'); 
     console.log('ACTION:', action); 
     if (console.groupEnd) console.groupEnd(); 
     /* eslint-enable no-console */ 
    } 

    console.log(defaultReducer(state, action)); 
    return defaultReducer(state, action); 
    }; 
}; 
をバックスワイプありません> Actions.sceneRegister

//新しいユーザーシーン

-

新しいユーザー( "新規ユーザ" ボタン付き)の

ナビゲーションアクション

//ルートビュー

go - > Actions.sceneRegister2

答えて

1

シーン内でpanHandlers={null}を使用してください。

関連する問題