Android集成Rn涉及两种方式:
-
Android原生项目本来就在,参考www.react-native.cn/docs/integr… 大致流程是:创建一个空文件夹,在创建一个子文件夹Android,将原生项目放到Android中,然后在项目根目录进行package.json文件的创建,然后运行npm install安装对应的包
-
直接使用上边的npx react-native init AwesomeProject创建新的项目
安装yarn
npm install -g yarn
运行项目
yarn android或者yarn react-native run-android
重新编译:
yarn android
查看react相关信息:版本信息
npm info react
打包:
Options:
-h, --help 输出如何使用的信息
--entry-file RN入口文件的路径, 绝对路径或相对路径
--platform [string] ios 或 andorid
--transformer [string] Specify a custom transformer to be used
--dev [boolean] 如果为false, 警告会不显示并且打出的包的大小会变小
--prepack 当通过时, 打包输出将使用Prepack格式化
--bridge-config [string] 使用Prepack的一个json格式的文件__fbBatchedBridgeConfig 例如: ./bridgeconfig.json --bundle-output 打包后的文件输出目录, 例: /tmp/groups.bundle
--bundle-encoding [string] 打离线包的格式 可参考链接nodejs.org/api/buffer.….
--sourcemap-output [string] 生成Source Map,但0.14之后不再自动生成source map,需要手动指定这个参数。例: /tmp/groups.map --assets-dest [string] 打包时图片资源的存储路径
--verbose 显示打包过程
--reset-cache 移除缓存文件
--config [string] 命令行的配置文件路径
--bundle-output bundle文件输出路径
--assets-dest 静态资源文件输出路径
index.js是启动文件,android是平台,./out/android/index.android.bundle输出文件路径和名字
react-native bundle --platform android --dev false --entry-file index.js --bundle-output ./out/android/index.android.bundle --assets-dest ./out/android
查看日志:
npx react-native log-android
安装开发调试工具:
安装npm install -g react-devtools,开发调试工具,是需要配置镜像:打开npmrc文件直接填写镜像
如何在之前的老项目(react-native是0.48.0)中打本地包:
不要使用npm install去安装脚手架(react-native-cli),直接在dependencies中添加,然后执行打包命令即可: