React-Native第一步

Posted 2021-01-04 imbasaber

公司终于打算放弃exmobi这个鸡肋，撒花！其实主要原因还是烽火跑路不维护了。。

在h5框架与react-native之间做选择，比较之后还是选择后者，希望效果不要太差

万事开头难，先说说RN的搭建

安装node.js 版本最好新一点
安装python2 我装的2.7.10
安装jdk1.8 据说1.9不行 配置环境变量 CLASSPATH=.;%JAVA_HOME%lib;%JAVA_HOME%lib ools.jar
安装androidstudio和sdk
安装sdk android8.0(Oreo)Android SDK Platform 26、Intel x86 Atom_64 System Image
SDK Tools-Show Package Details-Android SDK Build-Tools确保选中了 React Native 所必须的26.0.3版本。你可以同时安装多个其他版本，然后还要勾选最底部的Android Support Repository
配置环境变量
ANDROID_HOME 末尾最好不带分号;
PATH += %JAVA_HOME%in;%JAVA_HOME%jrein;%ANDROID_HOME%platform-tools;C:Program Files odejs
最好SDK文件夹 sdkuild-tools中的版本可以和react-native build.grade文件里的buildToolsVersion 是可匹配的
react-native命令在node.js command里跟cmd中都可以执行（应该是）

虚拟机：Genymotion

新建RN项目

为了cmd方便，我的RN项目路径是C:UsersAdministrator eactnativeprojects

react-native init AwesomeProject
react-native run-android

这边因为RN的新版本有点问题，具体不知道什么问题把项目的RN版本回退

npm uninstall react-native
npm install --save [email protected]
npm install --save [email protected] [email protected]
npm uninstall --save babel-preset-react-native
npm install --save [email protected]
react-native run-android

如果报这个错误unable to load script from assets
就到androidappsrcmain目录下创建文件夹 assets
然后执行

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/