2016-10-03 5 views
1

Я начинаю в команде React native Я использовал http://nativebase.io/ для своего примера , но у меня есть проблема с Icon. My App не отображается значокНевозможно загрузить Icon in React родной

  • My App:

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);

  • и конфигурации иконок для Guide (github.com/oblador/react-native-vector-icons)

Спасибо за любую помощь!

+0

Все иконки не работают? – EQuimper

+0

Да. Все значки не работают. Вы можете посмотреть My config на изображении «Мое приложение: введите описание изображения здесь» – NHT

+1

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

ответ

0

Из того, что я читал о проблемах библиотеки, посвященной реакции-native-vector-icons. Вам нужно установить его вручную, иногда привязка его не работает.

Посмотрите на это вопросы

Для руководства установить его взглянуть на документы здесь https://github.com/oblador/react-native-vector-icons#option-manually

Надежда, что помогает;)

+1

Спасибо всем. Я решил это Использовал: ** rnpm link react-native-vector-icons ** – NHT

+0

Прекрасно рад это слышать;) Хорошая работа – EQuimper