一、Create React Native App 快速创建 React Native 应用@H_404_3@Create React Native App 是由 Facebook 与 Expo 联合开发的用于快速创建 React Native 应用的工具
$ npm i -g create-react-native-app $ create-react-native-app my-project $ cd my-project $ npm start
在 Expo 移动端应用中扫描二维码,即可以开始远程调试
Expo 打包工具@H_404_3@npm install -g exp@H_404_3@exp start 命令来启动 Expo 打包工具@H_404_3@exp build:android 或者 exp build:ios 分别构建 Android 或者 iOS 独立应用@H_404_3@参考文章 @L_403_0@
二、需要搭建开发环境的 react-native@H_404_3@环境搭建参考官网教程搭建开发环境
遇到过的问题:
- 运行 react-native run-android 报错
Unable to load script from assets 'index.android.bundle'. Make sure your bundle is packaged correctly or you're running a packager server
解决方案:@H_404_3@第一步:在 android/app/src/main 目录下创建一个 assets空文件夹@H_404_3@第二步:执行 下面这段命令
react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
会发现 assets文件夹下多出两个文件@H_404_3@第三步:重新run程序。 react-native run-android
总结:这个index.android.bundle毫无疑问就是用来调用原生控件的js脚本,每次当你改变了 index.android.js,你都需要使用上面的代码片段,来及时的更新index.android.bundle,然后打包才可以把新的index.android.js应用上,所以当没有index.android.bundle文件时,RN是无法运行的.