React Native配置运行官方Example Demo 等等

React Native配置运行官方例子

http://blog.csdn.net/developer_jiangqq/article/details/50546194

可能是手机原因或者是调试模式，感觉还是稍微有点反应慢

补充

windows操作基本一致: 

  2.6.运行相应Demo(这边主要演示UIExplorer项目，其他项目运行方法相似)

1. ./gradlew :Example:UIExplorer:android:app:installDebug  

本人则使用 之间将 react-native 目录下源码直接导入 android studio 

注意 ndk android-ndk-r10e 最新的ndk 有编译报错

其次

本人的源码目录是g:\eact-native-source

在执行./packager/launchPackager.bat

报错 System Volume Information 拒绝访问

参考

http://blog.csdn.net/greystar/article/details/1635142

这位朋友的方法成功运行

本人测试发现 windows下做reactive native开发webstorm代码提示丰富

facebook 官方 的 nuclide ，代码块提示感觉 比webstorm中要好，可惜人家明确指出还不支持windows

微软家的vsCode  的React Native Tools 也很不错了，但是代码提示还是不如webstorm，但是可以直接调试还是挺方便的

在找实时屏幕共享的时候发现了chrome插件 Vysor，使用效果真心不错，非常流畅 个人感觉React Native能帮上忙

没有google账号 安装插件的时候可能少有满分，不过网上资料挺多 ，

http://chrome-extension-downloader.com/ 

extention Id 输入 gidgenkbbabolejbgbpnhbimgjbffefm

下载 Vysor_v1.2.2.crx 改后缀zip 解压 该子目录 _metadata 为 metadata

开发者模式 加载一解压的扩展程序就可以安装成功

在运行 react-native hello工程的时候 对本人最大的坑就是 gradle 版本只能改成 gradle 1.2.3 魅族 m3

手机

刚还也总结了下一些常用命令 ，因为webstorm中不能再几个ide中切换来切换去

记录下来，方便易用查找

/https://github.com/facebook/react-native/blob/master/docs///shell@m3:/ $ dumpsys activity | grep  Focuse // 获得 当前Activity的包名//shell@m3:/ $ am start -n  com.awesomeproject/.MainActivity 包名/包名+类名（Activity） 启动Activity//shell@m3:/ $ input keyevent 82 发送菜单键按下命令 调出React-native 的调试菜单//input keyevent 4 发送 按下 back键//shell@m3:/ $ am force-stop  包名 结束应用//pm list packages -f |grep com.awesomeproject  通过包名确定APK的名字//shell@m3:/ $ dumpsys activity activities |grep MainActivity 通过MainActivity 获得 此activity 所在应用程序的包名//shell@m3:/ $ ps |grep *//android list avd 列出已经创建的模拟器//monitor.bat 打开android device monitor（ddms 已过期）//emulator @Nexus_6P_API_21 启动模拟器//adb devices 列出设备//adb -s 设备名 shell  连接指定设备//shell@m3: netcfg |grep UP ;查看 设备 ip//pm list packages 列出已安装 app//uninstall com.package 卸载app//安卓ADB端口被占用解决//netstat -ano | findstr "5037" ; TCP    127.0.0.1:5037         0.0.0.0:0              LISTENING       8452(PID)//使用 powershell的kill 命令 将 8452 杀死 或者//cmd->tasklist /fi "PID eq 8452"//输出/*映像名称                       PID 会话名              会话#       内存使用========================= ======== ================ =========== ============adb.exe                       8452 Console                    1      8,296 K*///在任务管理器中将其杀死(可能会kill失败譬如 360 手机助手,本人测试发现 在powershell 中能kill成功)///////////////////////////////////////cmd-->powershell--> get-help get-process -examples//cmd-->powershell-->Get-Process(别名ps),kill,//绕过chrome webstore直接下载crx并安装//http://chrome-extension-downloader.com///安装 Vysor插件 实时预览手机屏幕//windows下 使用 chocolatey 安装 atom//安装 chocolatey//https://chocolatey.org/install//@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"//安装 atom// choco install atom//下载太慢//直接复制链接 迅雷下载 AtomSetup.exe https://atom.io/download/windows//可惜windows下不支持nuclide//测试发现 添加本地图片后 必须重新 react-native start ,reload//不然会一直报错