当前位置 : 主页 > 网页制作 > React >

react native 使用iconfont

来源:互联网 收集:自由互联 发布时间:2021-06-15
安卓的配置: 1.在android/app/src/assets/fonts文件夹下复制从iconfont下载的 (下载后的icon名称可以在下载来的文件中的html文件中) 2.在android/app/build.gradle中添加 project.ext.vectoricons = [ iconFon

安卓的配置:

  1.在android/app/src/assets/fonts文件夹下复制从iconfont下载的   (下载后的icon名称可以在下载来的文件中的html文件中)

  2.在android/app/build.gradle中添加

project.ext.vectoricons = [
iconFontNames: [ ‘iconfont.ttf‘ ]
]

 

  3.使用:无需引入,因为assets会被自动识别

<Text style={{fontFamily:‘iconfont‘}}>&#xe663;</Text>

 

ios的配置:

  1.在下载react-native-vetor-icon,且link后,xcode中的会列举所有字体,

  然后将加上,且将iconfont.ttf文件拉入中,最后

<Text style={{fontFamily:‘iconfont‘}}>&#xe663;</Text>  即可
网友评论