react-native中配置应用基本信息和优化打包速度

应用基本信息

• 名称

在 android/app/src/main/res/values/string.xml 文件中修改

<resources>
    <string name="app_name">应用名</string>
</resources>

• 图标

图标可以使用图标工厂生成移动端各个平台所需尺寸的应用图标。

这样生成以后的图标文件就和项目中的差不多，只需要替换掉原来的就行。

圆角也是同理

开发配置

修改 package.json 添加额外的命令

  "scripts": {
        // 清除缓存
        "clean": "cd android && ./gradlew clean && cd ../",
        // 安卓打包
        "build:android": "cd android && gradlew assembleRelease",
  },

打包后的 apk 将会在 android/app/build/outputs/apk 目录下

‘React’ must be in scope when using JSX

这个错误是因为文件中没有导入 react 导致的，只需要文件中导入 react 就可以了

import React from 'react'

优化打包速度

在 react-native 项目打包时总会出现打包缓慢或者打包失败等一系列问题，这是因为 react-native 需要访问国外服务器下载东西，所以我们就使用国内的一些镜像就好了。在 android/build.gradle 文件中引入国内镜像地址：

buildscript {
    ...
    repositories {
        google()
        mavenCentral()
        maven { 
            allowInsecureProtocol = true
            url 'https://maven.aliyun.com/repository/google' 
            }
        maven { 
            allowInsecureProtocol = true
            url 'https://maven.aliyun.com/repository/jcenter' 
            }
        maven { 
            allowInsecureProtocol = true
            url 'http://maven.aliyun.com/nexus/content/groups/public' 
            }
    }
    ...
}