title: Invisible Margin on react-native-scrollable-tab-view
body: <p>There seems to be a un-changeable margin on views using the react-native-scrollable-tab-view module. I can seem to get my code to fit to page on the views nested inside the scrollable-tab-view component. Any ideas? here's the code of the page presented: </p>
  
  <pre><code>'use strict';
  
  import React from 'react';
  import {
    StyleSheet,
    View,
    Image,
    Text,
    TextInput
  } from 'react-native';
  
  //dimensions
  var Dimensions = require('Dimensions');
  var window = Dimensions.get('window');
  //modules/pages
  var StepImage = require('../components/StepImage');
  import Icon from 'react-native-vector-icons/FontAwesome';
  import {Actions} from "react-native-router-flux";
  var NavHeader = require('../components/Header');
  var UserStat = require('../components/UserStat');
  var UserCircle = require('../components/UserCircle');
  var Button = require('../components/Button');
  var Data = require('../stores/userDiets');
  var NavigationBar = require('react-native-navbar');
  
  
  var Profile = React.createClass({
  
    getInitialState: function() {
      return {
      };
    },
  
    render: function() {
      var Keywords = Data.diets;
      return (
        &lt;View style={[styles.container]}&gt;
          &lt;NavigationBar
            style={{width: window.width}}
            tintColor={'#50AE57'}
            title={{title: 'Robert Greenfield', tintColor: 'white', style: {fontFamily: 'Nunito', fontSize: 18}}} /&gt;
          &lt;View style={[styles.header, this.border('red')]}&gt;
            &lt;View style={[styles.userrow, this.border('red')]}&gt;
              &lt;UserCircle source={require('../img/user/user.jpg')} style={styles.circle}/&gt;
              &lt;View style={[styles.userinfo, this.border('orange')]}&gt;
                &lt;View style={[styles.userstats, this.border('blue')]}&gt;
                  &lt;UserStat stat={3333} statTitle={'posts'} /&gt;
                  &lt;UserStat stat={8888} statTitle={'achievements'} /&gt;
                  &lt;UserStat stat={112} statTitle={'following'} /&gt;
                  &lt;UserStat stat={'550K+'} statTitle={'followers'} /&gt;
                &lt;/View&gt;
                &lt;Icon.Button size={12} name="cogs" style={styles.edit} backgroundColor="#F4F4F4" onPress={this.loginWithFacebook}&gt;
                  &lt;Text style={styles.editText}&gt;Edit Profile&lt;/Text&gt;
                &lt;/Icon.Button&gt;
              &lt;/View&gt;
            &lt;/View&gt;
            &lt;View style={[styles.userBio, this.border('blue')]}&gt;
              &lt;Text style={styles.userBioText}&gt;The biggest #nutfree IG in the world. tag @nutfreenoms or #nomsy. To be featured, make an account at nomsy.co and post what you want shown! nomsy.co&lt;/Text&gt;
            &lt;/View&gt;
            &lt;View style={styles.dietRow}&gt;
              {this.renderDiets(Keywords)}
            &lt;/View&gt;
          &lt;/View&gt;
        &lt;/View&gt;
      );
    },
  
    renderDiets: function(diets) {
           var that = this;
  
          return diets.map(function(diet, i) {
  
              return &lt;View key={i} style={styles.box}&gt;&lt;Text key={i} style={styles.userBioText}&gt;{diet.name}&lt;/Text&gt;&lt;/View&gt;
          });
      },
  
    border: function(color) {
        return {
          //borderColor: color,
          //borderWidth: 1,
        }
    }
  
  });
  
  var styles = StyleSheet.create({
    box: {
      margin: 2,
      backgroundColor: '#56bf60',
      borderRadius:2,
      height: window.height/35,
      padding: 3,
      justifyContent: 'center'
    },
    dietRow:{
      flexWrap: 'wrap',
          flexDirection:'row',
      height: window.height/20,
      marginLeft: window.width/40,
      width: window.width*0.96,
    },
    userBio: {
      width: window.width*0.96,
      alignItems: 'center',
      marginLeft: window.width/80,
      marginBottom: window.height/100
    },
    userBioText: {
      color: 'black',
      fontFamily: 'Nunito',
      fontSize: 10
    },
    editText: {
      color: 'white',
      fontFamily: 'Nunito',
      alignSelf: 'center'
    },
    edit: {
      height: window.height/25,
      justifyContent: 'center',
      alignItems: 'center'
    },
    circle: {
      width: window.width/5,
      height: window.width/5,
      borderRadius: window.width/10
    },
    userstats: {
      flexDirection: 'row',
      backgroundColor: 'white',
      justifyContent: 'space-around',
      marginBottom: window.height/100
    },
    userinfo: {
      flexDirection: 'column',
      backgroundColor: 'transparent',
      width: window.width/1.4
    },
    userrow: {
      flexDirection: 'row',
      backgroundColor: 'transparent',
      height: window.height/8,
      justifyContent: 'space-around',
      width: window.width
    },
    header: {
      marginTop: window.height/50,
      width: window.width,
      flex: 0.9,
      backgroundColor: 'white',
    },
    container: {
      flex: 1,
      alignItems: 'center',
      justifyContent: 'flex-start',
    },
  });
  
  module.exports = Profile;
  </code></pre>
  
  <p>And here's what it looks like: </p>
  
  <p><a href="https://i.stack.imgur.com/MLUi8.png" rel="nofollow"><img src="https://i.stack.imgur.com/MLUi8.png" alt="enter image description here"></a></p>