2017-04-20 64 views
1

我想在使用此庫的反應原生應用程序中使用FontAwesome圖標react-native-vector-icons。我也跟着安裝過程(NPM安裝,鏈接,更新我的gradle.properties ...) 然後在我的代碼導入圖標是這樣的:react-native-vector-icons:使用FontAwesome

const Icon = require('react-native-vector-icons/FontAwesome'); 

我用它在我的渲染方法:

<Button> 
    <Icon name='home' />       
</Button> 

不幸的是,在運行時,這個吹了這個錯誤:

enter image description here

如何使用Fontawesome圖標在我的反應原生應用程序?

感謝您的幫助

回答

4

你必須使用import代替:

import Icon from 'react-native-vector-icons/FontAwesome';

+0

感謝您的回答。當我通過打字稿做到這一點時出現錯誤: 「無法找到模塊的聲明文件'react-native-vector-icons/FontAwesome'」。 – TheSoul

+0

謝謝。從我的tsconfig.json中刪除「noImplicitAny」選項。現在它正在工作。 – TheSoul