如何添加图标到React Native应用程序

我正在做一个React Native应用程序。我想自定义应用程序图标(意味着你点击启动应用程序的图标)。我在谷歌上搜索过，但我一直在寻找不同类型的图标，它们指的是不同的东西。如何将这些类型的图标添加到应用程序中?

当前回答

如果你想在React Native上导入图标而不需要图片，那么React - Native -vector-icons将是最好的选择。如果您不想下载图标并在项目中使用它，您可以使用它。

其他回答

使用这个库可以使您的工作更容易。它将自动化您的图标生成过程

https://www.npmjs.com/package/@bam.tech/react-native-make

我个人使用这个链接来生成我想要的图标https://appicon.co/

以及用于在应用程序内部导入。

IOS设置

点击Xcode ==>中的项目

然后在左边你会看到你的点击==>

现在您将看到子文件名Images。Xcassets点击==>

您的图标大小将显示在右侧窗口==>

只需拖放我们从https://appicon.co/ ==>生成的图标

你的IOS图标设置完成了。

转向Android

我们会用到Android ==> app ==> src ==> main ==> res

这里有命名为mimmap -hdpi的多个文件夹，直到xxxhdpi ==>

将图标从特定文件夹拖动到项目特定文件夹。编码快乐!

更新2022

因为阿尔莫罗的答案已经不复存在了

Android和iOS图标

你现在可以在iOS和Android上用一个命令生成圆形图标:

npx icon-set-creator create ./path/to/icon.png

我强烈建议使用至少1024x1024像素的图标

自适应Android图标

npx icon-set-creator create -b <background> -f <foreground> -A

background—颜色(例如:“#ffffff”)或图像资产(例如:“资产/图片/ christmas-background.png”)

前景-图像资产(例如:“资产/图片/ christmas-foreground.png”)

Android Studio有一个非常方便的图标资产向导，叫做Image asset Studio(用户指南)。它是不言自明的，有一些方便的效果，它是内置的:

截图来自Windows 10上的Android Studio 4.1.3

就像Rockvic所说的，iOS和Android需要不同大小的图标。此外，如果有人感兴趣，我推荐这个网站生成不同大小的图标。你不需要下载任何东西，它工作得很完美。

https://resizeappicon.com/

希望能有所帮助。

推荐文章