设置
“反应”:“16.0.0-alpha.3”,
“反应原生”:“0.43.1”,
"react-native-router-flux": "^3.26.16"
预期行为
在向后滑动手势时,我希望仅对单个场景进行动画处理并返回该场景。
实际行为
有时 (+- 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
// 新用户场景
下一步 -> Actions.sceneRegister2
panHandlers={null}
在您的场景中使用。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句