9 回答

• 0

  Rockvic说，你需要为iOS和Android提供不同大小的图标 . 此外，如果有兴趣的话，我建议这个网站生成不同大小的图标 . 您无需下载任何内容即可完美运行 .

  https://resizeappicon.com/

  希望能帮助到你 .

  回复于 2024-04-26T15:21:00+08:00
• 26

  在这里稍晚，但Android Studio有一个非常方便的图标资产向导 . 它非常自我解释，但有一些方便的效果，其内置权利：

  回复于 2024-04-26T15:21:00+08:00
• 332

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

  除了这些图标集，您还可以通过将图标打包为ttf文件，将自己的图标也带到您的react-native项目中，并且可以将该ttf直接导入到android和ios项目中 . 您可以使用相同的react-native-vector-icons库来管理这些图标

  以下是设置自定义图标的详细步骤

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

  回复于 2024-04-26T15:21:00+08:00
• 4

  有人为这项任务制作了一个非常容易使用的工具：https://www.npmjs.com/package/app-icon

  这个简单的工具允许您在react-native项目中创建单个图标，然后从中创建所有必需大小的图标 . 它目前适用于iOS和Android .

  我用过它 . 做了一个512x512 png然后运行那个工具和繁荣，完成了 . 超级容易 .

  回复于 2024-04-26T15:21:00+08:00
• 9

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

  从那里只需设置图标就像你常规的原生应用程序一样 .

  https://developer.apple.com/library/ios/recipes/xcode_help-image_catalog-1.0/chapters/AddingLaunchImagestoanAssetCatalog.html

  Set icon for android application

  回复于 2024-04-26T15:21:00+08:00
• 18

  您可以导入react-native-elements并使用font-awesome图标到您的react本机应用程序

  安装

  npm install --save react-native-elements
  

  然后导入您要使用图标的位置

  import { Icon } from 'react-native-elements'
  

  用它就好

  render() {
     return(
      <Icon
        reverse
        name='ios-american-football'
        type='ionicon'
        color='#517fa4'
      />
   );
  }
  

  回复于 2024-04-26T15:21:00+08:00
• 5

  iOS图标

  • 在 Images.xcassets 中设置 AppIcon .

  • 添加9个不同大小的图标：

  • 29pt

  • 29pt*2

  • 29pt*3

  • 40pt*2

  • 40pt*3

  • 57pt

  • 57pt*2

  • 60pt*2

  • 60pt*3 .

  Images.xcassets 将如下所示：

  Android图标

  • 将 ic_launcher.png 放在文件夹 [ProjectDirectory]/android/app/src/main/res/mipmap-*/ 中 .
    209 72 * 72 ic_launcher.png in mipmap-hdpi .

  • 48 * 48 ic_launcher.png in mipmap-mdpi .
    209 96 * 96 ic_launcher.png in mipmap-xhdpi .
    209 144 * 144 ic_launcher.png in mipmap-xxhdpi .
    209 192 * 192 ic_launcher.png in mipmap-xxxhdpi .

  回复于 2024-04-26T15:21:00+08:00
• 233

  我编写了一个生成器，用于从单个图标文件自动为您的react本机应用程序生成图标：https://blog.bam.tech/developper-news/how-to-generate-your-react-native-app-icons-in-a-single-command-line .

  它会生成您的资产，并且还会将它们正确地添加到您的ios和android项目中 .

  安装它

  您需要安装 node 6 和 image-magick .

  然后安装generator

  npm install -g yo generator-rn-toolbox
  

  使用它

  准备就绪的单个图标文件 . 图标必须为1024x1024 .

  然后在React Native项目中运行：

  yo rn-toolbox:assets --icon <path to your icon>
  # For instance
  yo rn-toolbox:assets --icon ../icon.png
  

  系统将要求您提供反应原生项目的名称 . 例如，如果使用 react-native init MyAwesomeProject 创建项目，则项目名称为 MyAwesomeProject .

  当您被问及 ? Overwrite ios/MyAwesomeProject/Images.xcassets/AppIcon.appiconset/Contents.json? 时，请回复Y.

  And... that's it!

  希望它对其他人有用:)

  回复于 2024-04-26T15:21:00+08:00
• 1

  我可以通过以下this guy's advice并使用Android Asset Studio向我的react-native android项目添加一个应用程序图标

  在这里，转录以防链接失效：

  How to upload an Application Icon in 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 文件 .

  回复于 2024-04-26T15:21:00+08:00