【问题标题】:Can't load Icon in React native无法在 React Native 中加载图标
【发布时间】:2016-10-03 15:57:18
【问题描述】:

我是 React Native 的初学者 我以http://nativebase.io/ 为例 但我的图标有问题。 我的应用不显示图标

  • 我的应用:

  • 代码:

/**
 * 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)

感谢您的帮助!

【问题讨论】:

  • 所有图标都不起作用?
  • 是的。所有图标都不起作用。您可以在图片“我的应用:在此处输入图片描述”查看我的配置
  • 看起来同样的问题
  • 尝试运行rnpm link

标签: javascript react-native


【解决方案1】:

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

看看这个问题

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

希望有所帮助;)

【讨论】:

  • 谢谢大家。我解决了使用:rnpm link react-native-vector-icons
  • 非常高兴听到这个消息;)干得好
猜你喜欢
  • 1970-01-01
  • 2019-03-22
  • 2017-10-12
  • 2019-06-24
  • 1970-01-01
  • 2019-10-03
  • 2023-03-17
  • 2020-10-07
  • 1970-01-01
相关资源
最近更新 更多