介绍

官方文档

搭建流程

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

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

npx react-native init AwesomeProject

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

这个时候先不要着急运行项目
5.把上面项目的android文件夹用AndroidStudio打开
这时候后AndroidStudio会自动（build）下载一些包,完成后

6.连接真机
在这里我采用的是真机模拟（用数据线把手机与电脑相连，手机打开usb调试，同意调试，一般需要用到手机开发者模式）
7.开始模拟

npx react-native run-android

会出现node.js的弹框

还没结束，手机会受到一安装包，手机安装后，加载完毕之后

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

调试

使用谷歌浏览器调试

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

点击Debug就可以，也有其他快捷键可以上网搜一下
这样的话就可以看到控制台输出了

使用react-native-debugger工具

下载地址（github）
选择对应的版本，进行解压，点击

就可以直接使用

React-native android App项目搭建相关推荐

[React Native Android安利系列]搭建React Native Android环境
欢迎大家收看react-native-android系列教程,跟着本系列教程学习,可以熟练掌握react-native-android的开发,你值得拥有 https://segmentfault.co ...
Android之Windows下搭建React Native Android开发环境（差不多搞了一天）
Android之Windows下搭建React Native Android开发环境穷逼买不起mac,但是他们都说React Native Android只能在mac下面 ...
react native Android端保持APP后台运行--封装 Headless JS
react native Android端保持APP后台运行--封装 Headless JS 前些日子在做后台下载时踩了后台运行这个大坑,RN官网文档上面在安卓上提供了Headless JS方法,iO ...
React Native Android 从学车到补胎和成功发车经历
[工匠若水 http://blog.csdn.net/yanbober 未经允许严禁转载,请尊重作者劳动成果.私信联系我] 1 背景好几个月没发车了,完全生疏了,为了接下来能持续性的发好车,这次先准 ...
如何在React Native中构建项目并管理静态资源
by Khoa Pham 通过Khoa Pham 如何在React Native中构建项目并管理静态资源 (How to structure your project and manage stati ...
React Native Android原生模块开发实战|教程|心得|怎样创建React Native Android原生模块...
尊重版权,未经授权不得转载本文出自:贾鹏辉的技术博客(http://blog.csdn.net/fengyuzhengfan/article/details/54691503) 告诉大家一个好消息. ...
使用 Agora SDK 开发 React Native 视频通话 App
在 React Native 的应用中,从头开始添加视频通话功能是很复杂的.要保证低延迟.负载平衡,还要注意管理用户事件状态,非常繁琐.除此之外,还必须保证跨平台的兼容性. 当然有个简单的方法可以做到 ...
React Native Android入门实战及深入源码分析系列（1）——Hello world
转载需注明出处:http://blog.csdn.net/minimicall?viewmode=contents 从今天起,我要分析React Native for Android的源码. 本系列主 ...
React Native 系列(三) -- 项目结构介绍
前言本系列是基于React Native版本号0.44.3写的,相信大家看了本系列前面两篇文章之后,对于React Native的代码应该能看懂一点点了吧.本篇文章将带着大家来认识一下React N ...

React-native android App项目搭建

文章目录

介绍

搭建流程

调试

使用谷歌浏览器调试

使用react-native-debugger工具

React-native android App项目搭建相关推荐

最新文章

热门文章