React-Native TabBarIOS.Item

时间:2015-09-18 07:33:20

标签: reactjs react-native

IOS中的TabBarIOS.Item图标总是给我以下错误

像THE TAB BAR ICON' {uri:contacts}'与任何已知图像或系统图标

不匹配

代码是



'use strict';

var React = require('react-native');
var {
  AppRegistry,
  TabBarIOS,
  NavigatorIOS,
  View,
  Text,
} = React;

var myPage = React.createClass({
  render: function () {
    return (
      <View>
        <Text>Hello</Text>
        <Text>World</Text>
      </View>
    )
  }
})

var NewProject = React.createClass({
  render: function() {
    return (
       <TabBarIOS>
        <TabBarIOS.Item title="React Native" icon={{uri: 'contacts'}} selected={true}>
          <NavigatorIOS initialRoute={{ title: 'React Native', component: myPage }} />
        </TabBarIOS.Item>
        <TabBarIOS.Item title="React">
          <NavigatorIOS initialRoute={{ title: 'React Native', component: myPage }} />
        </TabBarIOS.Item>
      </TabBarIOS>
    );
  }
});

AppRegistry.registerComponent('NewProject', () => NewProject);
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

我想你想使用系统图标。您应该使用systemIcon属性。

支持的系统图标是 &#39;书签&#39;,&#39;联系人&#39;,&#39;下载&#39;,&#39;收藏&#39;,&#39;精选&#39;,&#39;历史& #39;,&#39;更多&#39;,&#39;最近期&#39;,&#39;最受欢迎&#39;,&#39;最近&#39;,&#39;搜索&# 39;,&#39;排名最高的&#39;

在你的情况下

<?php
  $date = new DateTime();
  $date->setDate(2008, 01, 01);
  echo $date->format('Y-m-d');
?>

icon属性用于使用导入的图像,如此链接所示 https://github.com/facebook/react-native/issues/849#issuecomment-93179556