Skip to content
This repository has been archived by the owner on Dec 23, 2019. It is now read-only.

shimohq/shimo-navigation

Repository files navigation

shimo-navigation

石墨文档 React Native app 导航系统


基于 react-navigation 的修改内容记录:

StackRouter:

  1. 修改了 route.key 的生成规则,由之前随机生成 uuid 改为:通过 Screen.screenKey 的静态方法生成 key ,或取 routeName 作为 key(方便 goBack 指定参数) #1
  2. 修改了调用 navigationOptions 生成函数时传入的 navigation prop 结构,同 #7
  3. 禁止了具有相同 key 的 navigate 操作 #2

StackNavigator:

  1. navigator 的 dispatch 方法里面 nav state 的设置改为同步读写 #3

Transitioner:

  1. _startTransition 在进行 reset 操作的时候禁止了不必要的动画 #4

CardStackTransitioner:

  1. _render 渲染场景的时候获取 transition blur 与 focus 的路由名,并传入 CardStack 的 transitionTargets prop 中 #5

CardStack:

  1. 只有最顶层的 navigator 才支持手势 #6
  2. 拓展了传入 screen 的 navigation prop 结构 #7
{
    ...navigation,
    position, // 转场动画的位置
    progress, // 转场动画的进度
    index, // 当前场景在navigator中的位置
    status: {
        isActive: boolean, // 是否是当前活跃的场景
        isStale: boolean, // 是否是正在退出的场景
        isResponding: boolean, // 是否处于在进行手势返回操作
        isFocusing: boolean, // 是否处于转入动画过程中
        isBlurring: boolean // 是否处于转出动画过程中
    }
}
  1. 支持在 screen navigation options 内指定当前 screen 的 mode #8
  2. 支持在 screen navigation options 内指定当前 screen 的 gesturesEnabled #9
class SomeScreen extends Component {
  static navigationOptions = {
    mode: 'card',
    gesturesEnabled: false
  };
}

ScenesReducers

  1. 修复 reset 生成的 scenes 错误 #10