How to use scrollable-tab-view with react-native-router-flux
<p>i want use react-native-scrollable-tab-view with react-native-router-flux and so i have created this ScrollableTabView:</p>

<pre><code>import React, {
  Component,
} from 'react';
import ScrollableTabView from 'react-native-scrollable-tab-view';
import { DefaultRenderer } from 'react-native-router-flux';
import TabBar from './TabBar';

class ScrollableTab extends Component {
  render(){
    const state = this.props.navigationState;

    return (
      &lt;ScrollableTabView renderTabBar={() =&gt; &lt;TabBar /&gt;} &gt;
        {
          state.children.map(el =&gt; {
            return (
              &lt;DefaultRenderer navigationState={el}  key={el.key} {...el} tabLabel={el.title} /&gt;
            );
          })
        }
      &lt;/ScrollableTabView&gt;
    );
  }
}

export default ScrollableTab;
</code></pre>

<p>and this TabBar:</p>

<pre><code>import React from 'react';
import {
  StyleSheet,
  Text,
  View,
  TouchableOpacity,
  Animated,
  Component
} from 'react-native';

const styles = StyleSheet.create({
  tab: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    paddingBottom: 10,
  },
  tabs: {
    marginBottom: 70,
    top: 64,
    height: 45,
    flexDirection: 'row',
    paddingTop: 5,
    borderWidth: 1,
    borderTopWidth: 0,
    borderLeftWidth: 0,
    borderRightWidth: 0,
    borderBottomColor: 'rgba(0,0,0,0.05)',
  },
  tabUnderlineStyle: {
    position: 'absolute',
    height: 3,
    backgroundColor: '#3b5998',
    bottom: 0,
  },
});

const propTypes = {
  goToPage: React.PropTypes.func,
  activeTab: React.PropTypes.number,
  tabs: React.PropTypes.array,
};

class TabBar extends Component {

  render() {
    return (
      &lt;View style={styles.tabs} &gt;
        {this.props.tabs.map((tab, i) =&gt; {
          return (
            &lt;TouchableOpacity style={styles.tab} key={tab} onPress={() =&gt; this.props.goToPage(i)} &gt;
              &lt;Text&gt;
                {tab}
              &lt;/Text&gt;
            &lt;/TouchableOpacity&gt;
          );
        })}
      &lt;/View&gt;
    );
  }
}

TabBar.propTypes = propTypes;

export default TabBar;
</code></pre>

<p>The result is this:</p>

<p><img src="https://cloud.githubusercontent.com/assets/5980398/15074642/6278c41a-13a0-11e6-8c53-730faf2868a5.png" alt="schermata 2016-05-06 alle 15 35 59"></p>

<p>Why it duplicates the NavBar? Any suggestions?</p>