react-native android 填坑实录

458 阅读1分钟

1.gradle 不兼容

问题:Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0. Use '--warning-mode all' to show the individual deprecation warnings. See docs.gradle.org/6.7.1/userg…

解决方案:

查看详细信息gradle --warning-mode all
Minimum supported Gradle version is 6.6.1. Current version is 5.4.1. If using the gradle wrapper, try editing the distributionUrl in XXXXXXX/android/gradle/wrapper/gradle-wrapper.properties to gradle-6.6.1-all.zip

IDEA如何正确配置Gradle? GRADLE_USER_HOME 和 Gradle user home的区别
https://blog.csdn.net/IOT_AI/article/details/106617626
# Android studio修改gradle 相关配置 
https://blog.csdn.net/u011138190/article/details/83900680

2.android 官网

developer.android.com/studio/proj…

3.找不到node

解决方案:删除node_modules,package-lock.json ,重新npm install

4.问题

image.png

5.删除react-native-cli

https://qa.1r1g.com/sf/ask/3782418181/

6.nvm下载

https://blog.csdn.net/jiangchuan465/article/details/128165464

7.设置路径别名

https://betterprogramming.pub/how-to-configure-path-aliases-with-typescript-8586dc0aa214

8.复制后,代码自动换行加分号

解决:

image.png

9. Android 应用图标修改

image.png 【注意】修改后会有缓存问题,清理缓存,手机关机重启

10.扫描二维码

1.react-native-vision-camera : mrousavy.com/react-nativ…

解决问题: 文件位置:android>build.gradle

buildscript{
    ext{
        kotlinVersion = "1.7.0"
    }
}

github.com/mrousavy/re…

2.vision-camera-code-scanner : github.com/rodgomesc/v…

问题:安卓打包报错 github.com/rodgomesc/v…

11.解析本地图片二维码

react-native-lewin-qrcodewww.npmjs.com/package/rea…
ios端,node_modules 删除Example,将ios/QrCode.podspec移到./QrCode.podspec,并修改其文件

version = JSON.parse(File.read('./package.json'))["version"]

12.包名和应用名不一致,运行成功后,无法启动应用

解决:github.com/facebook/re…

react-native run-android --appId com.jf_r.iswcc --main-activity MainActivity

13.react-nativa 调试器 Flipper

Flipper官网: fbflipper.com/

配置

image.png

image.png

ReactNative安卓HTTP请求

blog.csdn.net/m0_37797410…