-
配置
ReactNative中要使用iconfont,需要集成react-native-vector-icons库。
集成方式:
1.打开命令行窗口,并定位到项目的根目录下
2.导入方式如下yarn add react-native-vector-icons
在导入成功之后,根目录/android/app/src/main/asserts/fonts文件夹下会出现默认引入的ttf格式的字体文件。如果没有该文件夹,可以手动创建一个(当然如果没有文件夹的话也不会有默认的ttf格式字体文件,此刻不要慌,接着往下看)。
-
使用预置的icon
在配置的时候,我们集成该库会帮我们默认引入ttf格式的字体文件,但是如果没有默认引入ttf格式的字体文件,我们需要在gradle中进行一些配置,此处的gradle是指根目录/android/app/build.gradle文件,在该文件的最后引入下面的代码:project.ext.vectoricons = [ iconFontNames: [ 'FontAwesome.ttf', 'MaterialIcons.ttf' ], //这里写需要引入的字体文件 ] ap
ReactNative中使用iconfont
最新推荐文章于 2024-08-21 10:04:37 发布
本文介绍了如何在React Native项目中使用iconfont,包括集成react-native-vector-icons库,配置ttf字体文件,使用预置和自定义iconfont的方法,详细阐述了每个步骤和所需文件的设置。
摘要由CSDN通过智能技术生成