連接地址:https://github.com/fwh1990/react-native-iconfont-cli
在RN裏用過iconfont的小夥伴都知道,它本質上是字體圖標,因此你得藉助react-native-vector-icons
等插件去處理字體。用字體有兩個弊端:一是圖標只能是單色,不具有多色彩的特性;二是由於字體要設置在android和ios源碼中,因此不具有JS熱更新的特性,每次修改字體都要從新打包。react
有些小夥伴想着把圖標一個一個下載到本地,而後經過react-native-svg-uri
渲染。這樣作的話,意味着你須要花額外的時間去維護這些本地字體,每次線上圖標變動,都要想要地更改本地圖標。並且單獨使用svg圖標的話,是沒辦法動態去更改顏色的呢。android
因此,帶着這些問題,筆者開發了一個能夠不經過字體、不須要一個一個下載、支持熱更新、支持多色彩的iconfont庫。√√√√√√√√√√ios
特性:
一、純組件
二、不依賴字體文件,支持JS熱更新 ( code-push等 )
三、自動化生成圖標組件,帶ts類型提示
四、支持es6和typescript兩種模式
五、原樣渲染多色彩圖標
六、圖標顏色可定製git
使用案例:es6
<Icon name="alipay" size={300} />
<Icon name="alipay" color="green" size={300} />
<Icon name="alipay" color={['green', 'orange']} size={300} />
喜歡這個插件的小夥伴記得給個star呦
連接地址:https://github.com/fwh1990/react-native-iconfont-cligithub