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

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

当前回答

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

其他回答

我想建议使用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 Studio有一个非常方便的图标资产向导，叫做Image asset Studio(用户指南)。它是不言自明的，有一些方便的效果，它是内置的:

截图来自Windows 10上的Android Studio 4.1.3

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

我将使用一个服务来正确缩放图标。http://makeappicon.com/似乎不错。使用较大尺寸的图像，因为放大较小的图像会导致较大的图标像素化。该网站将为你提供iOS和Android的尺寸。

从那里，它只是一个设置图标的问题，就像你会一个普通的本地应用程序。

https://help.apple.com/xcode/mac/8.0/#/dev10510b1f7

设置Android应用程序图标

如果你使用的是expo，在你的项目中放置一个1024 * 1024的png文件在app.json中添加一个图标属性。“图标”:“。/ src /资产/程序”

https://docs.expo.io/versions/latest/guides/app-icons

推荐文章