禁用场景

时间:2017-01-23 11:30:56

标签: react-native

我在一个场景中有一个垂直ScrollView和一个较小的水平ScrollView

第一次渲染场景时效果很好,但第二次,当用户尝试在水平滚动上滚动时,整个场景被拖动,效果如下:

enter image description here

有没有办法设置属性NavigatorIOS.interactivePopGestureEnabled或使用核心Navigator解决此问题?

我已经使用Navigator完成了整个导航,而现在必须更改为NavigatorIOS将是一个巨大的痛苦。

更新:刚刚在Android上对此进行了测试,它具有相同的行为。

1 个答案:

答案 0 :(得分:1)

您需要定义自定义动画场景配置。

const BaseConfig = Navigator.SceneConfigs.FloatFromRight;

const CustomSceneConfigNoSwipeGestures = Object.assign({}, BaseConfig, {
  springTension:  100,
  springFriction: 1,
  gestures: {}
});

  pushScreen = () => {
    this.props.navigator.push({
      name: 'My Screen',
      component: MyScreen,
      sceneConfig: CustomSceneConfigNoSwipeGestures,
    });
  }

空手势:{}对象将覆盖将从Navigator.SceneConfigs对象应用的标准行为。