[ReactNative代码学习]使用...解操作符实现继承效果

类似于继承模式,有基类的属性,有扩展的属性

...BaseConfig实现继承效果

var BaseConfig = {
  defaultTransitionVelocity: 1.5,

  // 动画样式
  animationInterpolators: {
    into: buildStyleInterpolator(directionMapping.FromTheEnd),
    out: buildStyleInterpolator(directionMapping.FadeToTheStart),
  },
};

var NavigatorSceneConfigs = {
  FloatFromRight: {
    ...BaseConfig,
    // We will want to customize this soon
  },
  PushFromRight: {
    ...BaseConfig,

    // 覆盖基类的属性
    animationInterpolators: {
      into: buildStyleInterpolator(directionMapping.FromTheEnd),
      out: buildStyleInterpolator(directionMapping.ToTheStartIOS),
    },
  },
  
};

module.exports = NavigatorSceneConfigs;

BaseConfig是基础属性,其余的PushFromRight FloatFromRight FloatFromLeft 都是在基础属性上的扩展

你可能感兴趣的:([ReactNative代码学习]使用...解操作符实现继承效果)