React-native矢量圖標顯示爲問號

我已經安裝了react-native v0.46並安裝了NativeBase，但在組件中使用標籤後，沒有顯示圖標，而是顯示問號（Android和未在iOS中測試過）。React-native矢量圖標顯示爲問號

爲了解決這個問題，我做了大量的修改如下所列：

rnpm link
react-native link react-native-vector-icons
NativeBase安裝指南：https://nativebase.io/docs/v0.3.0/getting-started
https://github.com/oblador/react-native-vector-icons
我的JSON文件包： { "name": "Magazine", "version": "0.0.1", "private": true, "scripts": { "start": "node node_modules/react-native/local-cli/cli.js start", "test": "jest" }, "dependencies": { "native-base": "^2.3.1", "react": "16.0.0-alpha.12", "react-native": "0.46.4", "react-native-image-slider": "^1.1.5" }, "devDependencies": { "babel-jest": "20.0.3", "babel-preset-react-native": "2.1.0", "jest": "20.0.4", "react-test-renderer": "16.0.0-alpha.12" }, "jest": { "preset": "react-native" } }
而comp onent在這裏我使用了這些圖標：IOS左箭頭& navicon

我使用Windows 10，節點V8.1.4，陣營本地-CLI V2.0.1

代碼：

import React, { Component } from 'react'; 
import { 
    AppRegistry, 
} from 'react-native'; 
import {Container, Header, Title, Button, Icon} from 'native-base'; 

export default class CityMagazine extends Component { 
    render() { 
    return (
     <Container> 
      <Header> 
      <Button transparent> 
       <Icon name="ios-arrow-left" /> 
      </Button> 

      <Title>Header</Title> 

      <Button transparent> 
       <Icon name="navicon"/> 
      </Button> 
      </Header> 
     </Container> 
    ); 
    } 
} 

AppRegistry.registerComponent('CityMagazine',() => CityMagazine);

來源

2017-07-30 Esmatullah Arifi

你能用圖標標籤更新帖子嗎？ –

我沒有更新。檢查它 –

所有檢查首先，如果矢量圖標包聯或不使用

react-native link react-native-vector-icons

如果連接，然後運行命令：

react-native run-android

此命令將完全安裝矢量圖標包你的項目。

更新：問題是ios-arrow-left不在矢量圖標目錄中，其名稱現在爲ios-arrow-back。

來源

2017-07-30 06:18:39

我做了所有這些步驟。我認爲ios-arrow-left和navicon在矢量圖標包中不可用。 –

@EsmatullahArifi這裏是目錄：https://oblador.github.io/react-native-vector-icons/你可以在這裏檢查 –

謝謝。 ios-arrow-left現在是ios-arrow-back。瞭解。 –

我有同樣的問題，但以下這些步驟救了我。

注意：鍵入項目根目錄中的所有命令。

1-輸入命令：npm install --save react-native-vector-icons安裝包

2-輸入命令：react-native link

3-停止打包服務器，並通過再次運行：由npm start

4-重建機器人版本命令：npm run android

最後一步將嘗試下載react-native-vector-icons所需的一些依賴關係，並且您將很樂意前往！

來源

2017-07-30 06:12:03

React-native矢量圖標顯示爲問號

回答

相關問題