React-navigation：一旦启动，如何禁用 TabNavigator 上的滑动？

Question

我像这样设置了TabNavigator：

class RNNavigation extends Component {

  constructor(props) {
    super(props);
  }

  render() {
    const MainScreenNavigator = TabNavigator({
      ProfileStack: { screen: ProfileStack },
      Home: { screen: Home },
      HistoryStack: { screen: HistoryStack }
    }, {
      initialRouteName: 'Home',
      tabBarComponent: () => { return null; },
      swipeEnabled: true
    });

    return (
      <MainScreenNavigator/>
    );
  }
}

有时我需要禁用屏幕组件的滑动。怎么做？是否可以不重新渲染导航器。

------ 2017 年 3 月 15 日编辑

尝试通过 screenProps 传递回调函数（仅适用于 beta 7）.. 但正如预期的那样，当我从历史记录中执行此操作时，它会返回到 initialRouteName 'Home'，因为它会重新渲染。

redux 也有同样的问题...

欢迎提出任何建议！

Answer 1

你可以把它变成一个变量并创建一个函数来打开/关闭它。

this.state ={ swipe: true } //set state in constructor
....
toggleSwipe = () => { //function that will be passed down to toggle on/off 
  this.setState((prevState) => ({ swipe: !prevState.swipe });
}
....
swipeEnabled: this.state.swipe //this will now get toggled between true/false