• 视频:世界杯路边“摄”之印象最深刻的瞬间 2019-10-08
  • 杜天皓520甜蜜来袭 粉丝舔屏福利多 2019-09-27
  • 市领导调研利用侨务资源助力经济建设情况(图) 2019-09-26
  • 这五年,砥砺奋进的河北海事局--河北频道--人民网 2019-09-25
  • 新闻有温度——西部网新闻频道(陕西新闻网) news.cnwest.com 2019-09-25
  • 连晴高温重庆动物园动物避暑尽显萌态 2019-09-01
  • 【端午话民俗】指尖上的端午节 师生一起包粽子做香包体验传统文化 2019-08-30
  • 除非必要,下定义要用是,而不是用不,懂吗?“自由发展”是什么,如果劳动还成为人们的日常负担,有自由发展吗? 2019-08-25
  • 总重430kg!日本最重组合:5名胖女孩出道了! 2019-08-22
  • 做习近平新闻思想的坚定实践者 2019-08-03
  • 广东省人大开展学习贯彻习近平总书记重要讲话精神专题集中学习研讨 2019-07-15
  • 改革开放40年来中国农村发展变化纪实——旧貌换新颜 2019-07-15
  • 学习有理丨着力改善环境 增创发展优势 2019-07-11
  • 带动乡亲干 各自有实招——三位农村社区党组织书记的故事 2019-07-07
  • 李沁出游暖萌喂鹿 笑靥如花欢快荡秋千 2019-07-04
  • 腾讯视频2018女排直播:在Windows下搭建React Native Android开发环境

    2016-09-08 14:32:39来源:React Native中文网作者:

    排球比分直播捷报网 www.pwgq.net 安装JDK
    从Java官网下载JDK并安装。请注意选择x86还是x64版本。

    安装JDK

    从Java官网下载JDK并安装。请注意选择x86还是x64版本。

    推荐将JDK的bin目录加入系统PATH环境变量。

    安装Android SDK

    可以单独安装Android SDK,也可以通过Eclipse ADT或者Android Studio一并安装。推荐使用Android Studio,以下说明会默认以Android Studio的方式说明。请注意选择x86还是x64版本。

    为了加速下载,推荐从AndroidDevTools下载。

    然后进入SDKManager(可通过Android Studio菜单Tools-Android-SDK Manager),确保以下项目已经安装并更新到最新:

    • Tools/Android SDK Tools (24.3.3)

    • Tools/Android SDK Platform-tools (22)

    • Tools/Android SDK Build-tools (23.0.1)(这个必须版本严格匹配23.0.1)

    • Android 6.0 (API 23)/SDK Platform (1)

    • Extras/Android Support Library(23.0.1)

    • Extras/Android Support Repository

    推荐使用腾讯Bugly的镜像加速下载。查看说明

    推荐将SDK的platform-tools子目录加入系统PATH环境变量。

    最后,把ANDROID_HOME环境变量设置为你sdk所在目录。

    安装C++环境

    推荐从itellyou下载并安装Visual Studio 2013或2015。也可选择Windows SDK、cygwin或mingw等其他C++环境。编译node.js的C++??槭毙枰玫?。
    如果使用VS2015,你需要在命令行中设置npm config set msvs_version 2015 --global

    安装git for windows

    在这里下载安装,安装过程中注意选择"Run Git from Windows Command Prompt"。

    安装Python

    从官网下载并安装python 2.7.x(3.x版本不行)

    安装node.js

    从官网下载node.js的官方4.1版本或更高版本。

    建议设置npm镜像以加速后面的过程(或使用科学上网工具)。

    npm config set registry https://registry.npm.taobao.org --global
    
    npm config set disturl https://npm.taobao.org/dist --global
    

    安装react-native命令行工具

    npm install -g react-native-cli
    

    创建项目

    进入你的工作目录,运行

    react-native init MyProject
    

    并耐心等待数(或数十)分钟。

    运行packager

    react-native start
    

    可以用浏览器访问//localhost:8081/index.android.bundle?platform=android看看是否可以看到打包后的脚本(看到很长的js代码就对了)。第一次访问通常需要十几秒,并且在packager的命令行可以看到形如[====]的进度条。

    如果你遇到了ERROR Watcher took too long to load的报错,请尝试修改node_modules/react-native/packager/react-packager/src/FileWatcher/index.js,将其中的MAX_WAIT_TIME 从25000改为更大的值(单位是毫秒)

    运行模拟器

    推荐使用BlueStacks不过要小心它推送的广告和垃圾应用。

    如果有真机,可以不必运行模拟器,要配置好驱动,使得adb devices可以看到对应的设备。

    安卓运行

    保持packager开启,另外打开一个命令行窗口,然后在工程目录下运行

    react-native run-android
    

    首次运行需要等待数分钟并从网上下载gradle依赖。(这个过程屏幕上可能出现很多小数点,表示下载进度。这个时间可能耗时很久,也可能会不停报错链接超时、连接中断等等——取决于你的网络状况和墙的不特定阻断。总之要顺利下载,请使用稳定有效的科学上网工具。)

    运行完毕后可以在模拟器或真机上看到应用自动启动了。

    如果apk安装运行出现报错,请检查上文中安装SDK的环节里所有依赖是否都已装全,platform-tools是否已经设到了PATH环境变量中,运行adb devices能否看到设备。

    至此,应该能看到APP红屏报错,这是正常的,我们还需要让app能够正确访问pc端的packager服务。

    摇晃设备或按Menu键(Bluestacks模拟器按键盘上的菜单键,通常在右Ctrl的左边 或者左Windows键旁边),可以打开调试菜单,点击Dev Settings,选Debug server host for device,输入你的正在运行packager的那台电脑的局域网IP加:8081(同时要保证手机和电脑在同一网段,且没有防火墙阻拦),再按back键返回,再按Menu键,在调试菜单中选择Reload JS,就应该可以看到运行的结果了。

    如果真实设备白屏但没有弹出任何报错,可以在安全中心里看看是不是应用的“悬浮窗”的权限被禁止了。

    安卓调试

    打开Chrome,访问 //localhost:8081/debugger-ui,应当能看到一个页面。按F12打开开发者菜单。

    在模拟器或真机菜单中选择Debug JS,即可开始调试。

    关键词:ReactNativeReact
  • 视频:世界杯路边“摄”之印象最深刻的瞬间 2019-10-08
  • 杜天皓520甜蜜来袭 粉丝舔屏福利多 2019-09-27
  • 市领导调研利用侨务资源助力经济建设情况(图) 2019-09-26
  • 这五年,砥砺奋进的河北海事局--河北频道--人民网 2019-09-25
  • 新闻有温度——西部网新闻频道(陕西新闻网) news.cnwest.com 2019-09-25
  • 连晴高温重庆动物园动物避暑尽显萌态 2019-09-01
  • 【端午话民俗】指尖上的端午节 师生一起包粽子做香包体验传统文化 2019-08-30
  • 除非必要,下定义要用是,而不是用不,懂吗?“自由发展”是什么,如果劳动还成为人们的日常负担,有自由发展吗? 2019-08-25
  • 总重430kg!日本最重组合:5名胖女孩出道了! 2019-08-22
  • 做习近平新闻思想的坚定实践者 2019-08-03
  • 广东省人大开展学习贯彻习近平总书记重要讲话精神专题集中学习研讨 2019-07-15
  • 改革开放40年来中国农村发展变化纪实——旧貌换新颜 2019-07-15
  • 学习有理丨着力改善环境 增创发展优势 2019-07-11
  • 带动乡亲干 各自有实招——三位农村社区党组织书记的故事 2019-07-07
  • 李沁出游暖萌喂鹿 笑靥如花欢快荡秋千 2019-07-04
  • 甘肃快三今天开奖结果 江苏时时彩诈骗 四肖中特选一肖 江苏快三包胆投注方法 天津快乐十分开奖记录 四肖中特期期准l ny棒球帽 北京PK10赛车现场直播 竞彩最新开奖结果开奖 儿童娱乐场设备 网球比分网即时比分90 福利彩票排列三开奖结果 秒速开奖网 在线欢乐水果机 球探体育比分3,8版本