无法在React native中加载Icon

时间:2016-10-03 15:57:19

标签: javascript react-native

我是React原生的初学者 我用http://nativebase.io/作为例子 但我的Icon有问题。 我的应用程序没有显示图标

  • 我的应用:

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)

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

从我读过的有关react-native-vector-icons库的问题。您需要手动安装它,有时连接它不起作用。

看看这个问题

有关安装指南,请查看此处的文档https://github.com/oblador/react-native-vector-icons#option-manually

希望有所帮助;)