1. 程式人生 > >react-native-vector-icons的安裝和使用

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

react-native-vector-icons是一個React Native 專案使用最廣泛的向量圖示圖示庫,使用簡單,內容豐富。
react-native-vector-icons官網
react-native-vector-icons圖示展示列表

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

安裝

// 新增依賴
npm install --save react-native-vector-icons

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

使用

這裡注意並不是引入之後就可以用直接用所有的icon圖示 要根據圖示所在的範圍進行不同的修改, / 後面那個單詞是一個範圍
如圖:被圈起來的就是連結/後面要寫的單詞

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


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

這樣就可以在reactnative專案中使用了