无法加载React原生图标

无法加载React原生图标

问题描述:

我是React原生初学者 我使用http://nativebase.io/作为我的示例 但我遇到了图标问题。 我的应用程序不显示图标无法加载React原生图标

  • 我的应用:

enter image description here

  • 代码:

/** 
 
* Sample React Native App 
 
* https://github.com/facebook/react-native 
 
* @flow 
 
*/ 
 

 
import React, { Component } from 'react'; 
 
import { AppRegistry } from 'react-native'; 
 
import { Container,Header,Content,Title,Badge,Tabs,Button,Icon} from 'native-base'; 
 
import Com_DetailCook from './component/Com_DetailCook'; 
 

 
class CookApp extends Component { 
 
    render() { 
 
     return (
 
      <Container> 
 
       <Header> 
 
        <Button transparent> 
 
         <Icon name='ios-arrow-back' /> 
 
        </Button> 
 

 
        <Title>CookApp</Title> 
 

 
        <Button transparent> 
 
         <Icon name='ios-menu' /> 
 
        </Button> 
 
       </Header> 
 

 
       <Content> 
 
         <Com_DetailCook/> 
 
       </Content> 
 

 
      </Container> 
 
     ); 
 
    } 
 
} 
 

 

 
AppRegistry.registerComponent('CookApp',() => CookApp);

  • 和配置图标指南(github.com/oblador/react-native-vector-icons)

感谢您的帮助!

+0

所有图标不起作用? – EQuimper

+0

是的。所有图标不起作用。你可以看我的配置在图像“我的应用:在这里输入图像描述” – NHT

+1

https://github.com/GeekyAnts/NativeBase/issues/76 – EQuimper

从我已阅读的react-native-vector-icons库的问题。你需要手动安装它,有时连接它不工作。

看看这个问题

的指南,安装看看这里的文档https://github.com/oblador/react-native-vector-icons#option-manually

希望有所帮助;)

+1

谢谢大家。我解决了它 使用: ** rnpm链接react-native-vector-icons ** – NHT

+0

非常高兴听到;)干得好 – EQuimper