1、為了減少項(xiàng)目中小圖片資源奕锌，所有純色圖片著觉，都可以使用字體庫(kù)實(shí)現(xiàn)。
2惊暴、也可以使用阿里字體庫(kù)饼丘，但是需要轉(zhuǎn)換+link才能使用：
阿里字體庫(kù)下載下來(lái)svg圖片，然后將所有圖片通過(guò)下面的工具辽话，轉(zhuǎn)為ttf字體庫(kù)肄鸽，轉(zhuǎn)換的文件夾里有字體ttf文件和對(duì)應(yīng)的selection.json文件，通過(guò)icomoon的RN庫(kù)進(jìn)行l(wèi)ink油啤，就可以在RN中使用了典徘。
常用免費(fèi)字體庫(kù)：xcode效果：
轉(zhuǎn)換之后的文件夾：
參考鏈接：
常用免費(fèi)字體庫(kù)：
https://github.com/oblador/react-native-vector-icons
阿里字體庫(kù)：
http://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.3
SVG轉(zhuǎn)換為ttf字體庫(kù)在線(xiàn)工具：
https://icomoon.io/app/#/select/font
<Icon
name="ion|ios-search"
size={20}
style={{ width: 30, alignItems: 'center', justifyContent: 'center' }}
color="#CECED3"
/>
import IconFontAwesome from 'react-native-vector-icons/FontAwesome'
import IconIonicons from 'react-native-vector-icons/Ionicons'
import { isEqual } from 'lodash'
const fontFamilies = { fontawesome: IconFontAwesome, ion: IconIonicons }
/*
目的：
應(yīng)用中的小圖標(biāo)使用字體，減少圖片的使用量益咬；打包時(shí)減小包的體積
props說(shuō)明：
name: 字體庫(kù)|字體名稱(chēng)
size: 字體大小
color: 字體顏色
使用：
1逮诲、使用FontAwesome字體庫(kù)
<Icon
name="fontawesome|check-circle"
size={20}
color="#d0021b"
/>
2、使用Ionicons字體庫(kù)
<Icon
name="ion|ios-arrow-forward-outline"
size={24}
color="#C9C9C9"
/>
*/
