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 @ 2020-07-09 09:54  自律·给我自由  阅读(882)  评论(0编辑  收藏  举报