title: react native text box above scrollable-tab-view
body: <p>New to react native, trying to place text-box above scrollable tab view</p>
  
  <pre><code> export default React.createClass({
    render() {
      return 
      &lt;View&gt;
      &lt;TextInput
            style={{height: 50}}
            placeholder="Enter!"
            onChangeText={(searchText) =&gt; this.setState({searchText})}/&gt;
      &lt;ScrollableTabView
        style={{marginTop: 10, }}
        initialPage={1}
        renderTabBar={() =&gt; &lt;FacebookTabBar /&gt;} 
        &gt;   
        &lt;ScrollView tabLabel="ios-search" style={styles.tabView}&gt;
          &lt;View style={styles.card}&gt;
             &lt;TextInput
            style={{height: 50}}
            placeholder="Enter!"
            onChangeText={(searchText) =&gt; this.setState({searchText})}/&gt;
          &lt;/View&gt;
        &lt;/ScrollView&gt;
      &lt;/ScrollableTabView&gt;
      &lt;/View&gt;
       ;
    },  
  });
  </code></pre>
  
  <p>Scrollable tab view doesn't show up with above code, I am unable to understand why, please advice. I am trying to make something like Linkedin app.</p>