<menuitem id="ijyys"><label id="ijyys"><strong id="ijyys"></strong></label></menuitem><ul id="ijyys"><meter id="ijyys"></meter></ul>

<b id="ijyys"></b>

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

我用npm 裝了react-native-vector-icons，也按照網(wǎng)上說的配置了各種文件，但是不知道為什么圖標(biāo)老是顯示問號(hà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)對(duì)應(yīng)圖標(biāo)的名字，但是運(yùn)行出來只是問號(hào)，還有一堆警告。

回答

編輯回答

執(zhí)念

Android

1、使用Gradle管理（強(qiáng)烈推薦）

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

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

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

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

2、手動(dòng)管理

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

2017年6月24日 14:27

編輯回答

涼薄

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

2018年9月11日 09:51

編輯回答

夕顏

FontAwesome庫中沒有add-user，找對(duì)應(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工程里面進(jìn)行相應(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

編輯回答