title: React-Native TabBarIOS.Item
body: <p>TabBarIOS.Item icon in the IOS always gives me the below error</p>
  
  <p>like THE TAB BAR ICON '{uri: contacts}' did not match with any known image or system Icon</p>
  
  <p>The code is </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>'use strict';
  
  var React = require('react-native');
  var {
    AppRegistry,
    TabBarIOS,
    NavigatorIOS,
    View,
    Text,
  } = React;
  
  var myPage = React.createClass({
    render: function () {
      return (
        &lt;View&gt;
          &lt;Text&gt;Hello&lt;/Text&gt;
          &lt;Text&gt;World&lt;/Text&gt;
        &lt;/View&gt;
      )
    }
  })
  
  var NewProject = React.createClass({
    render: function() {
      return (
         &lt;TabBarIOS&gt;
          &lt;TabBarIOS.Item title="React Native" icon={{uri: 'contacts'}} selected={true}&gt;
            &lt;NavigatorIOS initialRoute={{ title: 'React Native', component: myPage }} /&gt;
          &lt;/TabBarIOS.Item&gt;
          &lt;TabBarIOS.Item title="React"&gt;
            &lt;NavigatorIOS initialRoute={{ title: 'React Native', component: myPage }} /&gt;
          &lt;/TabBarIOS.Item&gt;
        &lt;/TabBarIOS&gt;
      );
    }
  });
  
  AppRegistry.registerComponent('NewProject', () =&gt; NewProject);</code></pre>
  </div>
  </div>
  </p>