0
は "反応する" の設定: "16.0.0-alpha.3"、
"反応するネイティブ": "0.43.1" を、
"反応するネイティブ・ルータ・フラックス": "^ 3.26.16"
期待される動作
スワイプバックジェスチャーでは、1つのシーンだけをアニメーション化し、そのシーンに戻ることが予想されます。
実際の挙動
随時 - 、ジェスチャをバックスワイプ(+ 50%)は、1つの又は複数のシーンをアニメーション化。スワイプバックの進行中に複数のシーンをアニメートしているにもかかわらず、すべての状況でシングルシーンに戻ります。
階段シーン階層以下
与えるを再現するために、ジェスチャー
<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