为什么没有显示来自'native-base‘的图标
"native-base"是一个流行的React Native UI组件库，它提供了一系列预定义的UI组件和图标，用于快速构建移动应用程序的用户界面。然而，如果你在应用程序中使用了"native-base"的图标，但没有显示出来，可能有以下几个原因：
- 依赖安装问题：确保你已经正确安装了"native-base"库，并且在应用程序中正确引入了所需的图标组件。你可以通过检查项目的依赖关系和确保图标组件的导入语句是否正确来解决此问题。
- 字体文件缺失："native-base"的图标是使用字体文件来呈现的。如果你没有正确地将字体文件添加到你的项目中，图标将无法显示。你可以检查项目中是否存在所需的字体文件，并确保它们被正确地导入和配置。
- 图标名称错误："native-base"的图标组件使用特定的名称来引用不同的图标。如果你在应用程序中使用了错误的图标名称，它将无法显示。你可以查阅"native-base"的文档或图标库，以获取正确的图标名称，并在应用程序中使用它们。
- 样式问题：有时候，图标可能因为样式问题而无法显示。你可以检查应用程序的样式表，确保没有覆盖或隐藏了图标组件的样式。
总结起来，如果没有显示来自"native-base"的图标，你应该检查依赖安装、字体文件、图标名称和样式等方面，以确保图标能够正确显示在你的应用程序中。如果问题仍然存在，你可以参考"native-base"的官方文档或社区支持来获取更多帮助。
相关·内容
1回答
如何使用svg图标就像“字体很棒”的图标
javascript、html、css、svg、font-awesome
我对前端开发是个新手.其中一个我正在进行的示例项目使用了“字体很棒”的图标而不是图像。和每一个地方，而不是<img src>，我发现的都是<i class= "">。我研究了一下，发现这些图标基本上是svg文件。因此，为了学习目的，我创建了几个svg文件。但我不知道如何正确地包含svg文件。
问题1:，所以我将svg文件放在自己的项目中，并像<img src = "images/sms_connect_logo.svg"/>一样调用它们。我可以看到图标，但它是正确的方式添加图标。我想使用类似于<i class =
浏览 3提问于2016-08-26得票数 5
3回答
我想将引导图标合并到一个角度的项目中，但是它不起作用。
html、css、angular、bootstrap-5、bootstrap-icons
我想实现引导图标在一个角度的项目，但它是不工作的。我运行了以下命令，
npm i引导图标
但是我无法在网页中添加图标字体。
现在，我已经在index.html文件中添加了引导图标CDN，它正在工作。
我想知道我们是否需要在angular.jason文件中的任何地方添加引导图标文件的路径，或者在安装命令之后它应该工作。
感谢您的回答！
谢谢。
浏览 19提问于2022-07-14得票数 0
3回答
本机基本按钮缺少样式
css、react-native、native-base
我有一个native-base应用程序和样式工作，但似乎是部分缺少按钮。没有错误，我没有应用自定义样式在我的应用程序。
请看下面的截图。按钮的字体颜色、填充物和其他东西都不见了。这对于任何按钮类型(透明、边框等)都是正确的。
我用一个简单的
<Card onPress={console.log("hello") && this.props.navigation.navigate('Game')} key={game.location}>
<CardItem header>
<Left>
浏览 4提问于2018-01-08得票数 3
回答已采纳
10回答
字体图标在某些浏览器中不起作用
css、blackberry、twitter-bootstrap、font-awesome、opera-mobile
我正在使用Bootstrap + Font，大多数桌面和移动浏览器都很好，但是Font令人敬畏的图标并不适用于某些浏览器，比如opera Mobile、Opera Mini和某些版本的Android浏览器。只显示空白矩形。
有人知道这个问题吗？还有，有解决办法吗？
谢谢
编辑2013-03-06！重要的我找不到任何明显的问题，所以我尝试了未知的解决方案。我尝试了两个在线字体转换工具。首先，我使用将原始的FontAwesome svg转换为ttf。然后我使用将.ttf转换为.eot，.woof和.otf。
结果: opera现在正确地显示图标。(我不知道变化是什么，但有效)
现在的问题是黑莓6。
浏览 14提问于2013-02-22得票数 21
1回答
无法加载资源:服务器响应状态为404 (未找到)- JavaScript
javascript、html、css、console.log
我目前正在学习JavaScript，并不完全理解我的控制台中的错误。我没有做任何太复杂的事情，而且在学习教程的时候，我从来没有遇到过问题。当我试图自己练习一个项目时，我总是这样做。我的文件结构如下：
Task List
-index.html
-styles.css
-app.js
我在类似的问题上看到，当涉及到链接其他文件夹时，这是一个问题，但我的css和js都是正确添加的。
浏览 0提问于2021-05-17得票数 0
2回答
AngularJS:自定义字体图标
css、angularjs、font-face、font-awesome、glyphicons
由于字体比图像更适合在不同的设备中显示图标，所以我想在我的项目中将作为我的自定义字体图标库，比如"“。
有什么办法吗？
我用图标在.ttf和.svg中创建了一个字体，结果很好，但是任何图标都有一个相关的字母。例如，主页图标是新字体中的字母"H“。
这种方法在Firefox中有一个小问题。在Firefox中，在将图标更改为home图标之前，您可以看到字母"H“。
这样做的最佳做法是什么？
在Firefox中解决这个小问题是可行的吗？
谢谢。
浏览 3提问于2015-05-10得票数 0
回答已采纳
1回答
如何在Vue项目中使用scss文件和字体
javascript、vue.js、webpack
我用vue-cli创建了一个新项目，我想在我的项目中使用全局scss文件来应用全局样式。此外，我想使用字体系列，而不是在我想要使用的每个组件中导入scss文件 我找到了很多解决方案，但没有一个对我有帮助。我刚接触到webpack，所以很难理解到底哪里出了问题。我安装了加载器npm install sass-loader node-sass --save-dev，并尝试和webpack一起做很多事情 webpack.config.js var path = require('path')
var webpack = require('webpack')
mod
浏览 34提问于2019-03-24得票数 0
2回答
为什么在“反应本地人”中没有显示图像？失败的支柱类型:向“`Image`”提供的无效的支柱` `source`‘
javascript、image、react-native、import、icons
如何从“资产”文件夹导入图像，而不通过url从internet上使用图像？
为什么图标没露出来？
我正在学习，反应本土化，试图创建一个小应用程序，显示一个城市的企业。
我必须说，我使用"styled-components / native"作为样式，并将它们放在单独的文件中，因为您将看到组件没有正确命名，但这很好。我创建了一个对象，其中显示了每个业务的详细信息:名称、地址、业务类型的图标、业务形象、图像，以了解业务是关闭还是打开。
然后，我尝试在卡片中显示这些细节，并将其发送到应用程序的另一页，在该页面中，我通过FlatList添加的不同业务将被显示出来。
问题是，我不知道如何
浏览 2提问于2021-09-28得票数 0
1回答
图标字体不显示在iOS 12上
ios、objective-c、xcode、uifont、ios12
我有一个问题，图标字体没有显示在iOS 12上(它在iOS <= 11上运行得很好)。关于我发现了什么以及我们如何使用字体的更多细节：
1)字体正确地包含在项目中，当NSlogging [UIFont familyNames]和[UIFont fontNamesForFamilyName:iconFontFamilyName]出现时，字体就会出现
2)我使用\u符号：label.text = @"\uXXXX"访问图标。当XXXX在字体中不存在时，应用程序会显示“方形问号”，表明(正确)代码不存在。但是，如果代码确实在字体中存在，那么应用程序就不会显示任何内容--相应的元
浏览 0提问于2018-07-16得票数 3
回答已采纳
2回答
Font强大的字体下载问题
angular、font-awesome、primeng
我正在使用spring MVC作为后端的UI应用程序(在Websphere上)。此应用程序使用Prime NG库来开发用户界面(UI)。
Font as有包含要在UI中显示的图像的.eot文件，通常我们将这个.eot文件作为一个静态内容部署在ear中，当我们在IE中加载我们的应用程序时，IE会尝试将这些文件下载到internet临时文件中，以便图像可以在UI中显示。
但在我当前的IE版本(IE11，Windows7)中，我们发现这些文件无法下载，因此在UI上也无法显示图像。如果我们看到IE开发人员工具，我们可以看到IE已尝试下载文件，且调用GET状态为成功(200)，但未下载任何文件，下载字节
浏览 0提问于2019-01-18得票数 1
2回答
字体不会嵌入到ABCpdf中
fonts、embed、embedding、abcpdf、abcpdf9
我们在我们的MVC .NET项目中使用了Proxima字体(特别是Proxima凝聚规范)，但是它们不会正确地嵌入到PDF输出中。当查看PDF属性时，我看到了“ProximaNovaCond-正则(嵌入式)”列表，它旁边的图标看起来像一个带有灰色"F“的页面。我还看到Arial窄和Arial窄，Bold列出了“(嵌入式子集)”，文档似乎默认使用这些。
我不是在CSS中使用@字体，而是这样做：
font-family: "Proxima Nova Cn Rg", "Proxima Nova Cond", "Proxima Nova Condense
浏览 4提问于2015-09-17得票数 1
2回答
Semantic-ui-react库不起作用；没有错误
javascript、reactjs、semantic-ui
semantic-ui-react不能在我的浏览器上工作，我也不确定为什么-控制台中没有任何错误或问题。
这是来自文件UptimeGuarantee.js的库semantic-ui中的组件
import React from 'react'
import { Header, Icon , Image} from 'semantic-ui-react'
const HeaderExampleUsersIcon = () => (
<div>
<Header as='h2' icon textAlign='
浏览 16提问于2017-08-08得票数 8
8回答
如何将ui网格字体文件包含到项目中
angularjs、angular-ui-grid
我一直在使用anjularjs的ui-grid，它显示了一些中文符号来代替图标。经过深入研究，我知道我必须使用ui-grid团队提供的一些字体文件，我下载了这些文件并将其包含到我的项目中，但仍然无法获得正确的图标图像和字体，如何将这些文件包含到项目中？
以下是我下载并包含在我的项目中的文件名：
1 ui-grid.eot
2 ui-grid.svg
3 ui-grid.ttf
4 ui-grid.woff
浏览 9提问于2014-11-15得票数 22
3回答
@h2qutc/角材料.组件日期选择器和SVG/第三方图标
angular、angular-material、webfonts
我工作的项目使用字体Awesome图标和角材料图标，到目前为止还不错。它需要一个日期选择器，而且由于角材料，我选择了由@hgho (组件作者)在中建议的。
问题是时间选择器与上面描述的方法相冲突。在没有加载web字体的情况下，mat-icon将连接显示为纯文本，我认为这是不可接受的：
我正在寻找一种解决办法：
以某种方式修复图标。
允许使用字体令人毛骨悚然的图标，而不是"expand_more“/ "expand_less”/“完成”，以实现整个应用程序的一致性。
最大限度地减少额外的数据量。当然，我可以包括所有的材料图标字体，只有三个图标，但只是作为最后
浏览 6提问于2020-04-13得票数 2
回答已采纳
1回答
在React中将材料UI图标添加到FontIcon材料-UI组件中
reactjs、material-design、material-ui
我试图显示一个材料-UI图标与材料-UI FontIcon组件在反应。我的代码：
<FontIcon className="material-icons"/>
Help
</FontIcon>
屏幕上只显示文本。
图标是来自的帮助图标。安装了图标库。根据，我们应该
如果图标字体支持结束符，请在className中引用字体，并将图标名称括在FontIcon标记中。我安装了这个库，但我不知道它为什么不工作？
实现这一点的正确方法是什么？
浏览 9提问于2017-12-31得票数 1
1回答
Zurb基金会4图标字体设置
css、zurb-foundation、icon-fonts
希望事情进展顺利。
我目前正在使用4构建一个网站的html/css原型，目前我只是使用Sublime 3和internet浏览器来构建它。我对使用Zurb基金会图标集非常感兴趣，但我目前无法将它们显示出来。虽然我安装了Scout，但我希望继续使用文本编辑器和浏览器来构建这个原型。虽然我能够从Zurb基金会网站下载图标包，但我不清楚如何将这些文件构建到我当前的项目中。我的项目是以下文件夹/文件结构：
css (包含foundation.css、foundation.min.css、normalize.css)
(包含.gitkeep)
js (包含基金会和供应商的js文件)
in
浏览 3提问于2013-11-17得票数 0
1回答
为什么我在使用图标字体时需要内容？
css、fonts、icons、material-design、ligature
我习惯于使用谷歌的材料图标，为了做到这一点，我通常会像这样.
// Pug
link(href="https://fonts.googleapis.com/css?family=Material+Icons&display=block", rel="stylesheet")
里面有这样的代码..。
// css
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
font-display: block;
sr
浏览 7提问于2020-01-08得票数 1
回答已采纳
1回答
在PrimeNG上将我的样式从5更新到7
angular、primeng、angular-cdk、primeng-dropdowns、primeicons
目前，我正在尝试将Angular 7项目中的PrimeNG从^5.2.7升级到^7.1.3。在更新之后，当我运行"ng serve“时，我得到了与dropdown和multiselect相关的错误。要解决这个问题，建议安装@angular/cdk。但是完成这一步后，我的样式就崩溃了，因为@angular/cdk将所有类从"fa“(字体棒)更改为"pi”(primeicons)。还添加了一些新的样式，例如在"ui-dropdown“类上。这在一个大项目中产生了很多问题。有什么方法可以防止在更新PrimeNG时更改样式和类吗？ 提前谢谢。
浏览 35提问于2020-04-10得票数 0
5回答
反应-本机矢量图标显示为问号
android、react-native
我已经安装了react本机v0.46和安装了NativeBase，但是在组件中使用标记之后，没有显示图标，而是显示问号(Android，没有在iOS中测试)。
为了解决这个问题，我做了很多修改，如下所示：
rnpm link
react-native link react-native-vector-icons
NativeBase安装指南：
我的json包文件：{ "name": "Magazine", "version": "0.0.1", "private": t
浏览 4提问于2017-07-30得票数 5
回答已采纳
1回答
在使用构建应用程序时尊重CSS @import
html、css、jquery-ui、gulp
我在我的项目中使用jQuery UI并使用gulp构建它。我以下列方式包括它的风格：
<!-- build:css styles/vendor/jqueryui.css -->
<link rel="stylesheet" href="bower_components/jqueryui/themes/base/jquery.ui.all.css">
<!-- endbuild -->
当我用插件构建它时，它会更改为：
<link rel="stylesheet" href="styles/vend
浏览 0提问于2014-05-14得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
