RN在设备上运行

https://facebook.github.io/react-native/docs/running-on-device.html

  在发布之前,最好是在真实的设备上测试一下应用。如果是通过create react native app来创建的项目,可以通过Expo扫描二维码来预览我们的应用。为了可以在真机上运行,需要eject和安装原生依赖

  以window android环境为例。

运行在安卓设备

  1. 启动手机的“USB调试”功能
  2. 手机与电脑相连,然后执行adb devices来检查设备是否连接到了ADB上
  3. 运行 react-native run-android 来把应用安装到手机上。(如果要安装一个release版的,需要加上参数 --variant=release)

连接到本地开发服务器

  1. 使用adb reverse(推荐)。如果设备是android 5.0以上,执行 adb reverse tcp:8081 tcp:8081。
  2. 使用wifi。通过usb安装完成后,可以通过wifi来进行调试,需要完成以下步骤:通过ipconfig来获取本机IP,手机与电脑连接在同一个wifi环境,打开app,如果发现红色错误提示,那没问题,打开开发者菜单,点击dev setting -> debug server host for device,输入本机IP以及端口。退出菜单,然后reload JS即可

  

原文地址:https://www.cnblogs.com/hellohello/p/8325322.html

时间: 2024-10-22 04:21:22

RN在设备上运行的相关文章

【Win 10应用开发】如何知道当前APP在哪个平台设备上运行

[Win 10应用开发]如何知道当前APP在哪个平台设备上运行 在做Win10开发的时候,我们可能经常会需要获得当前程序在在哪个平台设备上运行,用于UI和相关API的调用,那么可以通过什么方式知道当前APP运行的平台呢? 今天这里提供两个方法给大家做参考: 方法一:DeviceFamily 通过Windows.System.Profile.AnalyticsInfo.VersionInfo.DeviceFamily,来获取当前的平台设备,目前只可以得到两个值Windows.Mobile或Wind

[转]---UWP中如何判断当前APP在哪个平台设备上运行

在做Win10开发的时候,我们可能经常会需要获得当前程序在在哪个平台设备上运行,用于UI和相关API的调用,那么可以通过什么方式知道当前APP运行的平台呢? 今天这里提供两个方法给大家做参考: 方法一:DeviceFamily 通过Windows.System.Profile.AnalyticsInfo.VersionInfo.DeviceFamily,来获取当前的平台设备,目前只可以得到两个值Windows.Mobile或Windows.Desktop,分别代表手机和pc(平板) (当然以后没

HTML5定稿了,终于有一种编程语言开发的程序可以在Android和IOS两种设备上运行了

2007 年 W3C (万维网联盟)立项 HTML5,直至 2014 年 10 月底,这个长达八年的规范终于正式封稿. 过去这些年,HTML5 颠覆了 PC 互联网的格局,优化了移动互联网的体验,接下来,HTML5 将颠覆原生 App 世界.这听起来有点危言耸听,但若认真分析 HTML5 的发展史,你会发现,这个世界的发展趋势确实就是这样. 熟知历史才能预知未来,先让我们来看看 HTML5 为什么诞生.这 8 年是怎么过来的. 一. HTML5 的诞生 自 W3C 于 1999 年发布 HTML

[转] 在安卓设备上使用 Chrome 远程调试功能

你的网页内容在移动设备上的体验可能和电脑上完全不同.Chrome DevTools 提供了远程调试功能,这让你可以在安卓设备上实时调试开发的内容. 安卓远程调试支持: 在浏览器选项卡中调试网站. 在原生安卓应用中调试网页内容. 将屏幕从你的安卓设备上投影到你的开发机器上. 使用端口转发和虚拟主机映射来让安卓设备访问开发使用的服务器. 需求 要开始远程调试,你需要: 安装 Chrome 32 或者之后的版本. 连接安卓设备用的 USB 线缆. 对于通过浏览器调试:安卓 4.0 以上并且安装了 Ch

【Win 10应用开发】如何知道UAP在哪个平台上运行

原文:[Win 10应用开发]如何知道UAP在哪个平台上运行 面向22世纪的现代化应用程序可以同时在多种设备上运行,于是有朋友会有一个疑问:有时候,我们还真的需要判断一下,UAP应用程序在哪个平台上运行.尽管大多情况下我们不必要这样做,但某些特殊情况还得考虑.比如一串数据列表,我希望如果在桌面上运行时就以横向列表展现:但要是运行在手机上就以纵向列表展现. 也就是说,其实我们只需分析两种情况即可: 一.桌面.(台式机.笔记本.平板.游戏机.发广告专用机.导航器……) 二.移动环境.其实就是手机.

(转)在ios android设备上使用 Protobuf (使用dll方式)

自:http://game.ceeger.com/forum/read.php?tid=13479 如果你的工程可以以.Net 2.0 subset模式运行,请看这个帖子中的方法. 地址:http://game.ceeger.com/forum/read.php?tid=14359&fid=27 如果只能以.Net 2.0下运行,就可以继续往下看了. ============================================================= protobuf是go

在ios android设备上使用 Protobuf (使用dll方式)

http://game.ceeger.com/forum/read.php?tid=13479 如果你的工程可以以.Net 2.0 subset模式运行,请看这个帖子中的方法. 地址:http://game.ceeger.com/forum/read.php?tid=14359&fid=27 如果只能以.Net 2.0下运行,就可以继续往下看了. ============================================================= protobuf是goog

脑洞大开!iPhone 6 Plus上运行Win98系统

对于苹果设备用户,如果厌倦了官方的iOS系统怎么办?目前有了一个选项,按照中国一个技术牛人提交的例子,果粉可以在iPhone上安装一个微软的Windows系统.    最近,国内威锋网论坛上的“高人”,天天娱乐城在一台iPhone 6 Plus手机上成功安装古董级的Windows98系统,此事引发了海外媒体关注,英国<每日电讯报>网站11月10日也进行了报道.    脑洞大开!iPhone 6 Plus上运行Win98系统    据报道,这位论坛活跃用户,提交了多个图片,证明自己在iPhone

编译可在Android上运行的qemu user mode

前言 本文在Ubuntu 64位系统上对qemu项目进行交叉编译,并且只编译与qemu user mode有关的代码. 下文中的”NDK”若无特殊说明均指”Android NDK”. 下文中”$NDK”表示的是NDK的根目录. 步骤 1. 下载并安装Android NDK 下载并安装Android NDK的过程在这里不做介绍. 2. 下载qemu 3. 设置NDK工具的环境变量 为交叉编译设置Android NDK环境变量:NDK.SYSROOT 4. 编译依赖库 glib 编译可在Androi