如何设置自定义图标，这是我本地系统中的react-native-hamburger

Question

[
    {
        "v" : 2,
        "key" : {
            "_id" : 1
        },
        "name" : "_id_",
        "ns" : "geoFame.placeFollow"
    }
]

我必须使用.svg图像作为汉堡包的图标而不是预定义的图标。如何将我们自己的图像设置为汉堡包。提前谢谢。

Answer 1

我使用this article来帮助我添加自定义图标。我将简要总结一下步骤：

1. 安装react-native-vector-icons，这是一个允许您添加自定义图标以及标准内置图标（已经很棒的图标）的库。
2. 将您的SVG图标转换为字体（.tff文件），Fontello或Icomoon是rn-vector-icons支持的在线工具，可以让您做到这一点
3. 将该字体添加到项目中
4. 创建一个小配置文件，告诉rn-vector-icons哪些字体需要链接