时间戳

首页 > 解决方案 > 如何设置自定义图标，它在我的本地系统中以 react-native-hamburger

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

问题描述

    <Drawer some_styles>
        <View >
            <Hamburger active={this.state.menuActive} 
                onPress={this._handleMenuButtonPress}/>
        </View>
    </Drawer>

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

标签： react-native

解决方案

我使用这篇文章来帮助我包含自定义图标。我将简要总结一下步骤：

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

推荐阅读