react native 初始化项目

1.搭建环境

  必须安装的依赖有:Node、Python2、JDK 和 Android Studio。

2.创建项目

复制代码
(1)安装react-native脚手架:
  npm install -g yarn react-native-cli  

(2)创建项目:
  react-native init 项目名  

(3)进入新建的项目目录,执行升级命令:

  cd 项目名

  react-native upgrade
复制代码

3.真机调试

复制代码
(1)连接手机

(2)adb devices //查询设备,开启设备调试 (3)adb reverse tcp:8081 tcp:8081 //注:从设备上访问开发服务器(安卓手机是5.0或者以上操作系统) (4)react-native run-android //编译项目,将编译好的安装包安装到手机或者模拟器中
(5)成功运行

复制代码

4.实时更新

复制代码
在react-native中有需要在修改文件后,自动重新编译的需求,

设置如下:

(1).安卓

  在虚拟设备上,按下ctrl + M,选择 Enable live Reload

  

 

(2)连接中的安卓真机

  使劲摇晃就会出现选择页面,配置同上
  (还可以在cmd命令中运行"
adb shell input keyevent 82"也会出现选择页面,配置同上)


 
复制代码

 5.打包apk

  (1)配置

      官方文档:https://reactnative.cn/docs/signed-apk-android#docsNav

  (2)打包

复制代码
      ./gradlew assembleRelease    
      /*    
          用于生成发行APK包
          生成的APK文件位于android/app/build/outputs/apk/app-release.apk
          在android目录中运行此命令(PowerShell命令中有'./' cmd命令中无'./')
      */

      ./gradlew installRelease    
      /*    
          用于在设备上安装发行版本(最终测试)
          在android目录中运行此命令(PowerShell命令中有'./' cmd命令中无'./')
      */
复制代码

 

posted @   自律·给我自由  阅读(895)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示