使用react-native-vector-icons问题

Question

使用<icon就会报错 

这是我的代码和引用

var Icon = require('react-native-vector-icons/Ionicons');

var Account=React.createClass({

render(){

return(

<View style={styles.container}>

<Image

        style={styles.thumb}

        source={{uri: 'https://dummyimage.com/600x300/c04738'}}

      />

<Icon name="ios-person" size={30} color="#4F8EF7" />

</View>

);

}

});

Answer 1

Scott 2017-03-20 21:30:45

代码看着没问题，把 Icon 这句代码删了就不会报错了么

<Icon name="ios-person" size={30} color="#4F8EF7" />

还是说，删了后，还是会报错？

RN 的版本是多少

• 提问者 古吉吉 #1

  不好意思没有及时回复，以为不会很快回复我，下次会时时关注
  
  
  
  不加上这句没问题呢<Icon name="ios-person" size={30} color="#4F8EF7" />
  
  加上就报错了
  
  RN版本：
  
  react-native-cli: 2.0.1
  
  react-native: 0.41.2

• Scott 回复 提问者 古吉吉 #2

  看一下补录的课程，把这个组件的写法，升级到 ES6 的 Component 的写法试试看

Answer 2

提问者 古吉吉 2017-03-22 18:34:33

RN版本：

react-native-cli: 2.0.1

react-native: 0.41