图标不起作用

时间:2018-06-24 09:45:45

标签: react-native react-native-android react-native-ios expo

当显示“?”时,我正在尝试整合离子子。

这是用例:

import Ionicons from '@expo/vector-icons/Ionicons';

...

<Ionicons size={20} name="star-outline" style={styles.icon} />

怎么了?我该如何解决?

2 个答案:

答案 0 :(得分:3)

star-outline图标集中没有Ionicons图标。您应该使用ios-star-outlinemd-star-outline或其他图标集。

  

星际Entypo

     

ios-star-outline离子图标

     

md-star-outline离子图标

     

星级大纲MaterialCommunityIcons

要了解更多图标,请访问vector-icons directory

更新

尝试使用以下导入语句

import { Ionicons } from '@expo/vector-icons';

答案 1 :(得分:0)

对于Ionic 4th版,您只需从https://ionicons.com/下载.SVG图标,使其可以是任何轮廓,填充或形状,并在下载后(例如:home-outline.SVG)将其移至Your_Project \ node_modules \ ionicons \ dist \ ionicons \ svg目录...,然后您可以使用它了...我尝试过,它显示图标!