react native 学习记录

API

• react native 中文网
• react native 官网
• react navigation

组件

• icon图标
• 提示消息

框架

• teaset
• Ant Design Mobile

调试

真机调试

• 查询设备

adb devices

• 反向代理

adb -s {设备} reverse tcp:8081 tcp:8081

• 启动

react-native start

踩的坑！！！

打包报错：使用或覆盖了已过时的 API

• jdk版本过高，打包时可能会出现这样的错误
• 在andriod/build.gradle中加入以下代码

allprojects {
    ......

    gradle.projectsEvaluated {
        tasks.withType(JavaCompile) {
            options.encoding = 'UTF-8'
            options.compilerArgs << "-Xlint:unchecked" << "-Xlint:deprecation"
        }
    }
}

gradle构建失败

• 使用阿里云镜像加速
  andriod/build.gradle中的repositories代码块中加入以下代码

maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'https://maven.aliyun.com/repository/gradle-plugin' }

注意：有两个repositories地方需要加入，且这三行代码必须放在改代码块最前面

其他博主的汇总

React Native 项目常用第三方组件汇总