我想建议使用react-native-vector-icons将图标导入到您的项目。当你使用矢量图标时，你不需要担心图标缩放方面。在使用该软件包时，您可以使用所有流行的图标集，如fontawesome, ionicons等。

除了这些图标集，你也可以把你自己的图标打包为一个ttf文件，你可以直接导入到android和ios项目react-native项目。您可以使用相同的react-native-vector-icons库来管理这些图标

下面是设置自定义图标的详细过程

https://medium.com/bam-tech/add-custom-icons-to-your-react-native-application-f039c244386c

我想建议使用react-native-vector-icons将图标导入到您的项目。当你使用矢量图标时，你不需要担心图标缩放方面。在使用该软件包时，您可以使用所有流行的图标集，如fontawesome, ionicons等。

除了这些图标集，你也可以把你自己的图标打包为一个ttf文件，你可以直接导入到android和ios项目react-native项目。您可以使用相同的react-native-vector-icons库来管理这些图标

下面是设置自定义图标的详细过程

https://medium.com/bam-tech/add-custom-icons-to-your-react-native-application-f039c244386c

我遵循了他的建议并使用android Asset Studio在react-native android项目中添加了应用图标

以下是为防止链接失效而转录的内容:

如何在React-Native Android上传应用程序图标

1)上传你的图像到Android Asset Studio。 选择任何你想应用的效果。该工具为您生成一个zip文件。点击下载。zip。

2)在你的机器上解压缩文件。然后拖动你想要的图片到你的/android/app/src/main/res/文件夹。确保将每个图像放在正确的子文件夹mipmap-{hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi}。

3)不要(像我最初做的那样)天真地将整个文件夹拖放到你的res文件夹上。因为你可能会删除你的/res/values/{strings,styles}.xml文件。

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

https://resizeappicon.com/

希望能有所帮助。

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

截图来自Windows 10上的Android Studio 4.1.3

Android应用图标: 访问这个网站https://appicon.co/

添加图像和生成图标，应该下载 解压文件夹 在他们的副本中，所有AppIcons/android/文件夹(即文件夹 名称:mipmap-xxxhdpi mipmap-xxhdpi mipmap-xhdpi, mipmap-hdpi mipmap-mdpi) 将上述复制的文件夹粘贴到{rootFolder}/android/app/src/main/res/ 并替换现有的 从AndroidManifest.xml中删除这一行 (android: roundIcon =“@mipmap / ic_launcher_round”)

图标添加成功

更改IOS应用程序图标: 访问这个网站https://appicon.co/

添加图像和生成图标，应该下载 解压文件夹 在他们的副本中，所有的文件夹在AppIcons/Assets中。xcassets /(即。 AppIcon。appiconset文件夹) 粘贴AppIcon。Appiconset文件夹 {rootFolder} / ios / {projectname} /图像。Xcassets /和替换现有的

图标添加成功