时间戳

首页 > 解决方案 > 构建 APK 后反应原生矢量图标不显示

react-native - 构建 APK 后反应原生矢量图标不显示

问题描述

包.json：

"dependencies":{
   "@expo/samples":"2.1.1",
   "@expo/vector-icons":"^10.0.6",
   "axios":"^0.18.0",
   "expo":"^33.0.0",
   "expo-constants":"^5.0.1",
   "expo-font":"^5.0.1",
   "native-base":"^2.7.0",
   "react":"16.8.3",
   "react-native":"^0.59.8",
   "react-native-banner-carousel":"^1.0.3",
   "react-native-device-info":"^2.3.2",
   "react-navigation":"^3.0.9",
   "react-redux":"^6.0.1",
   "react-timer-mixin":"^0.13.4",
   "redux":"^4.0.1",
   "redux-thunk":"^2.3.0"
}

应用程序.json

{
   "expo":{
      "name":"BIEK",
      "slug":"biek",
      "privacy":"public",
      "sdkVersion":"34.0.0",
      "android":{
         "package":"pk.edu.biek",
         "versionCode":9,
         "permissions":[
            "READ_PHONE_STATE"
         ],
         "icon":"./assets/images/icon.png"
      },
      "platforms":[
         "android"
      ],
      "version":"1.0.9",
      "orientation":"portrait",
      "icon":"./assets/images/icon.png",
      "updates":{
         "fallbackToCacheTimeout":0
      },
      "assetBundlePatterns":[
         "**/*"
      ],
      "description":""
   }
}

问题是，当我在 expo 上运行应用程序时，它构建成功并且所有图标都完美显示，但是当我通过 expo build:android 命令构建 apk 并将其安装在任何移动设备上时。图标显示为 [x]。

标签： react-nativeiconsnative-base

解决方案

就我而言，我通过在android/app/build.gradle

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

在此运行链接命令之后使用您的命令提示符

react-native link

在此图标在调试设备和构建后的 apk 中都可见之后。请让我知道它是否有效。

推荐阅读