前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >react native

react native

作者头像
sofu456
发布2019-12-10 18:33:38
1.6K0
发布2019-12-10 18:33:38
举报
文章被收录于专栏:sofu456sofu456

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/daoer_sofu/article/details/102944767

创建项目

  • npm install -g yarn react-native-cli
  • 安装android sdk
  • 配置android_home
  • 添加platform-tools目录到path
  • 创建项目react-native init 项目名称

项目初始化失败,配置如下 npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao.org/dist

作者:星光幻灭

链接:https://www.jianshu.com/p/24a5b2a2498e

来源:简书

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

编译

npm start

添加VScode调试配置后,调试

yarn 安装包(npm会有些问题)

  • 调试过程中,后台启动node和android调试,检测node时候正常关闭导致,端口占用

adb连接

adb devices显示正常

浏览器添加项目调试

程序setting中远程调试地址

访问地址: http://localhost:8081/debugger-ui/

或者

使用vscode、react native插件更方便的调试方式

修改源码

node_modules/react-native目录下面

ReactAndroid/src/main/java/com/facebook/react/views/modal/可以修改编译的目标控件

混合模式

与原生的java代码混合

自定义原生控件

Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081

cd project/android gradlew clean 查看命令执行错误提示

原理

Gradle构建项目、依赖android sdk或者ios

参考:https://reactnative.cn/docs/0.44/android-building-from-source.html

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-12-06 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 创建项目
  • 编译
  • adb连接
  • 浏览器添加项目调试
  • 修改源码
  • 混合模式
  • 自定义原生控件
  • Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081
  • 原理
相关产品与服务
远程调试
远程调试(Remote Debugging,RD)在云端为用户提供上千台真实手机/定制机/模拟器设备,快速实现随时随地测试。运用云测技术对测试方式、操作体验进行了优化,具备多样性的测试能力,包括随时截图和记录调试日志,稳定的支持自动化测试, 设备灵活调度,用例高效执行, 快速定位产品功能和兼容性问题。云手机帮助应用、移动游戏快速发现和解决问题,节省百万硬件费用,加速敏捷研发流程。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档