在 Expo 中添加自定义图标

Question

我正在使用本机基础库，我想添加我制作的自定义图标。我找到了一些像这样的答案，但所有答案都是针对本机反应的，我必须从 Expo 导出我的文件才能编辑 android 和 ios 文件夹。

Answer 1

可以通过三种方式在 中创建自定义图标Expo。我会告诉你其中之一。其余部分请参见官方文档。

\n\n

根据键返回您自己的自定义字体，其中glyphMap键是图标名称，值是 UTF-8 字符或其字符代码。fontFamily是字体的名称而不是filename. 可以expoAssetId是您可以传递给 的任何内容Font.loadAsync。请参阅react-native-vector-icons了解更多详情。

\n\n

例子

\n\n

import * as React from \'react\';\nimport * as Font from \'expo-font\';\nimport { createIconSet } from \'@expo/vector-icons\';\n\nconst glyphMap = { \'icon-name\': 1234, test: \'\xe2\x88\x86\' };\nconst expoAssetId = require("assets/fonts/custom-icon-font.ttf");\nconst CustomIcon = createIconSet(glyphMap, \'FontName\', expoAssetId);\n\nexport default class CustomIconExample extends React.Component {  \n  render() {\n    return (\n      <CustomIcon name="icon-name" size={32} color="red" />\n    );\n  }\n}\n

\n\n

有用的链接：\n自定义图标的文档

\n