初探React-native

作为android开发,现在才开始玩react-native,惭愧惭愧,废话不多说,记录一下使用react-native中出现的问题

参考中文文档:https://reactnative.cn/docs/getting-started/

英文熟练的可以直接参考react-native的官方文档。

建议react-native bundle之后或者run过之后,后续程序真机运行请打开AndroidStudio或者Xcode直接修改配置文件运行即可。

问题1:

安装npm命令没有问题,就是node.js安装;安装yarn建议不要使用npm,因为windows存在环境变量的原因,此种安装方式基本安装不成功,请使用yarn官网包,然后环境变量配置的方式安装。

问题2:

初次运行工程红屏问题,参考百度删除node_modules文件夹,然后重新在文件夹外init,然后使用Android Studio打开android工程,在src/main下新建asstes文件夹,使用一下命令继续打包:

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

命令完成输出日志应为:

Scanning folders for symlinks in D:\AwesomeProject\node_modules (85ms)
Scanning folders for symlinks in D:\AwesomeProject\node_modules (81ms)
Loading dependency graph, done.
bundle: Writing bundle output to: android/app/src/main/assets/index.android.bundle
bundle: Done writing bundle output

表示成功输出文件index.android.bundle;

问题3:

react-native run-android报错:

①:java.lang.UnsupportedClassVersionError: com/android/build/gradle/AppPlugin : Unsupported major.minor version 52.0

这个是因为android高版本问题导致的,使用java1.8即可(环境变量改成jdk1.8)

②:SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

这个是android工程无法找到SDK路径,在android文件夹下新建local.properties,内容为:

sdk.dir=D\:\\dingtao\\android(SDK文件夹路径)

问题4:运行jar包或者android编译问题

打开androidStudio自行编辑build.gradle,修改buildToolsVersion和compileSdkVersion为本地已经下载的版本,参考我的:

compileSdkVersion 27
buildToolsVersion '27.0.3'

另外dependencies支持库红线报错只要不影响运行就没有问题。 

未完待续,占位占位占位。

猜你喜欢

转载自blog.csdn.net/VcStrong/article/details/82702674