鍍金池/ 問答/HTML5/ react-native-vector-icons圖標(biāo)顯示不正確

react-native-vector-icons圖標(biāo)顯示不正確

我用npm 裝了react-native-vector-icons，也按照網(wǎng)上說的配置了各種文件，但是不知道為什么圖標(biāo)老是顯示問號，求各位不吝賜教哈，這幾天才學(xué)習(xí)react-native。

import React, { Component } from 'react';
import {
     AppRegistry,
     StyleSheet,
     Text,
     View,
     Image
} from 'react-native';
import Icon from 'react-native-vector-icons/FontAwesome';
export  default class Home extends Component{
     render(){
         return(
             <Text><Icon  name="add-user" size={30} color="#52C0FE"/></Text>
         )
     }
 }

用的是官網(wǎng)對應(yīng)圖標(biāo)的名字，但是運行出來只是問號，還有一堆警告。

clipboard.png

回答
編輯回答
執(zhí)念

Android

1、使用Gradle管理（強烈推薦）

編輯 android/app/build.gradle ( NOT android/build.gradle ) 并添加下面的代碼:

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

定制你想要復(fù)制的字體文件，請使用下面的配置代替：

project.ext.vectoricons = [
  iconFontNames: [ 'MaterialIcons.ttf', 'EvilIcons.ttf' ] // 你想要復(fù)制的字體文件的名字
]
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

2、手動管理

復(fù)制 Fonts folder 文件夾下的內(nèi)容 到 android/app/src/main/assets/fonts (注意是小寫的文件夾名)

2017年6月24日 14:27
編輯回答
涼薄

@Zero 你好您解決這個問題了么，我也遇到了同樣問題，我開始顯示的是問號，這是因為，我們的字體名字設(shè)置的不是官方提供的，但是當(dāng)我設(shè)置好官方提供的名字的時候字體圖片同樣的是顯示不出來，根據(jù)google的幫助說，將字體文件放置到android中的assets目錄中，或者是配置好gradle文件，但是都是不起作用的...您最后能夠顯示么

2018年9月11日 09:51
編輯回答
夕顏

FontAwesome庫中沒有add-user，找對應(yīng)庫的圖標(biāo)

2018年9月19日 01:05
編輯回答
爛人

安卓配置
1.android/app/build.gradle 中添加
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

2.從react-native-vector-icons 復(fù)制你需要的字體文件
到android/app/src/main/assets/fonts/ 下

2018年7月24日 06:28
編輯回答
女流氓

要使用字體庫的字體，除了執(zhí)行npm install react-native-vector-icons --save 之外，還需要再Android與iOS工程里面進行相應(yīng)的配置，Android的話需要在 android/app/build.gradle 中添加：apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
iOS配置參照官網(wǎng)：https://www.npmjs.com/package...

2017年2月1日 21:19
編輯回答
巷尾

這個是名字不對吧

2017年6月30日 21:21