向后滑动移动多个场景

阿伦库马尔

设置

“反应”:“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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章