本文主要為大家分享一篇React Native實作自訂圖示的方法,具有很好的參考價值,希望對大家有幫助。一起跟著小編過來看看吧。
以react-native-vector-icons元件為例
使用Ionicons.ttf字型,該字型檔在
node_modules/react-native-vector-icons/Fonts/Ionicons.ttf
引進方法
import Icon from 'react-native-vector-icons/Ionicons';
開啟http://fontstore.baidu.com/static/editor/index.html,開啟Ionicons.ttf字體
可以去http:// www.iconfont.cn/搜尋圖示並下載svg格式
開啟
node_modules/react-native-vector-icons/glyphmaps/Ionicons.json
新增對應的值,不要和已有的重複即可
最後在元件中使用
效果如下
#以上是React Native實作自訂圖標的詳細內容。更多資訊請關注PHP中文網其他相關文章!