在使用React Navigation的React Native中使用自定义选项卡栏时，如何停止默认过渡？

Question

我在使用StackNavigator的组件中制作了一个自定义标签栏， StackNavigator所示

export default StackNavigator(
  {
    Login: {
      screen: Login,
    },
    ForgotPassword: {
      screen: ForgotPassword,
    },
    SignUp: {
      screen: SignUp,
    },
    Home: {
      screen: Home,
    },
  },
  {
    headerMode: 'none',
    navigationOptions: {
      headerVisible: false,
    },
    initialRouteName: 'Home',
  },
);

现在我的Home屏幕上有一个定制的标签栏，如下所示

export default () => (
  <View>
    <Text>HOME</Text>
    <TabBar />
  </View>
)

我希望Home屏幕选项卡栏没有过渡

当前，当单击“选项卡”链接之一时，它会进行动画处理（对于IOS ， left to right ，对于Android ，是bottom to up ）

我检查了文档并找到了mode属性，但它只有2个道具card和modal ，我不想动画

怎么做 ？

Answer 1

感谢@Vojtech，我得到了答案

const customAnimationFunc = () => ({
  screenInterpolator: (sceneProps) => {
      const { scene } = sceneProps;
      const tabs = ['Home'];
      if (tabs.indexOf(scene.route.routeName) !== -1) return null;
    },
});

export default StackNavigator(
  {
    Login: {
      screen: Login,
    },
    ForgotPassword: {
      screen: ForgotPassword,
    },
    SignUp: {
      screen: SignUp,
    },
    Home: {
      screen: Home,
    },
  },
  {
    headerMode: 'none',
    transitionConfig: customAnimationFunc,
    navigationOptions: {
      headerVisible: false,
    },
    initialRouteName: 'Home',
  },
);

现在唯一的问题是没有动画。 当少数屏幕没有动画且选项卡不显示时，我将编辑答案