React-native android App项目搭建

文章目录

  • 介绍
  • 搭建流程
  • 调试
    • 使用谷歌浏览器调试
    • 使用react-native-debugger工具

介绍

官方文档

搭建流程

1.配置java环境
注意:要确保java版本要高于11版本。
2.下载AndroidStudio软件
直接在官网上下就行了

3.新建一个项目文件夹,尽量避免中文路径
4.用npx 构建项目

我们可以看到下面的文件夹

React-native android App项目搭建
6.连接真机
在这里我采用的是真机模拟(用数据线把手机与电脑相连,手机打开usb调试,同意调试,一般需要用到手机开发者模式)
7.开始模拟

会出现node.js的弹框

React-native android App项目搭建

到这个地方,真机模拟就结束了
后面你再写代码,这个会自动打包,手机上也会自动更新。之后再用手机连接时,只要你的软件还没卸载,就不用再次安装。

调试

使用谷歌浏览器调试

弊端:不能查看标签结构,不能直接(可以解决)查看网络请求
注意:如果采用android真机模拟,可以晃一晃手机,看以看到菜单

React-native android App项目搭建
就可以直接使用

来源:李和贵

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年7月9日
下一篇 2022年7月9日

相关推荐