title: React native ScrollView Issue with content size
body: <p>I am having layout issue with ScrollView
  When I use View it was displaying like this.
  <a href="http://collabshot.com/show/Kis4aJ" rel="nofollow">http://collabshot.com/show/Kis4aJ</a></p>
  
  <p><a href="http://pastebin.com/Yagt8X38" rel="nofollow">http://pastebin.com/Yagt8X38</a></p>
  
  <p>When I changed it to scrollview
  <a href="http://collabshot.com/show/f3lEtM" rel="nofollow">http://collabshot.com/show/f3lEtM</a></p>
  
  <p><a href="http://pastebin.com/zK0HnjaN" rel="nofollow">http://pastebin.com/zK0HnjaN</a></p>
  
  <p>And here are the styles</p>
  
  <pre><code>content: {
      flex: 1,            
      paddingTop: 10,
      paddingLeft: 10,
      paddingRight: 10,
      flexDirection: 'column',
      backgroundColor: '#000000',
  
    },
    transmit: {
      height: 100,    
      borderWidth: 1,    
    },
  
    messages: {
      flex: 1,
      backgroundColor: '#ffff00',
  
    }
  </code></pre>
  
  <p>Looking for help.
  Thanks</p>