How to hideTabBar animated

[Matheusqf]

I would like to see the tabBar hide/show with animation, instead of just render or not the component.

Version

Tell us which versions you are using:

• react-native-router-flux v4.0.0-beta.28
• react-native v0.55.17

Steps to reproduce

1. HomeView.js:

import { Actions } from "react-native-router-flux";

constructor(props) {
    super(props);
    this.state = { hideTabBar: false };
  }

  toggleTabBar = () => {
    this.setState({ hideTabBar: !this.state.hideTabBar }, () =>
      Actions.refresh({ hideTabBar: this.state.hideTabBar })
    );
  };

 render() {
    return (
      <MainLayout
        component="home"
        content={
          <Content>
            <TouchableWithoutFeedback onPressIn={this.toggleTabBar}>
   ...
            </TouchableWithoutFeedback>
          </Content>
         }/>
       );
    }

2. Main.js

<RouterWithRedux getSceneStyle={() => ({ backgroundColor: "transparent" })}>
  <Scene key="root">
    <Scene
      key="tabbar"
      tabs={true}
      tabBarPosition="bottom"
      tabBarComponent={FooterTabs}
    >
      <Scene key="home" title="Cartão" component={HomeView} hideNavBar={true} />
      <Scene
        key="info"
        title="Informações"
        component={InfoView}
        hideNavBar={true}
      />
    </Scene>
  </Scene>
</RouterWithRedux>;

[aksonov]

It is not supported at this moment