react-native-vector-icons的安裝和使用

react-native-vector-icons是一個React Native 項目使用最普遍的矢量圖標圖標庫,使用簡單,內容豐富。
react-native-vector-icons官網
react-native-vector-icons圖標展現列表react

使用react-native-vector-icons主要分爲安裝和使用兩部分git

安裝

// 添加依賴
npm install --save react-native-vector-icons

// 連接原生庫
react-native link react-native-vector-icons

使用

這裏注意並非引入以後就能夠用直接用全部的icon圖標 要根據圖標所在的範圍進行不一樣的修改, / 後面那個單詞是一個範圍
如圖:被圈起來的就是連接/後面要寫的單詞
github

import AntDesign from "react-native-vector-icons/AntDesign";


<AntDesign name = {'stepforward'} />;

這樣就能夠在reactnative項目中使用了npm

相關文章
相關標籤/搜索