React Native Android（Genymotion） 环境搭建 for mac

最终目的:
在genymotion模拟器上运行React Native的示例项目

一、创建genymotion模拟器

  1. 安装genymotion
    https://www.genymotion.com/download/
  2. 安装virtual box
    http://rj.baidu.com/soft/detail/25850.html?ald
  3. 创建安卓虚拟机，除图示选项外其他默认
Paste_Image.png

二、根据文档下载示例项目，并进行初始化

http://reactnative.cn/docs/0.27/getting-started.html#content

三、调整buildVersion，已试23的所有版均无法正常启动，只有24正常

Paste_Image.png

四、调整genymotion模拟器的SDK目录为AndroidStudio的SDK目录，否则启动项目的adb命令会连接不上genymotion模拟器(Android Studio的安装，请按第二步的文档进行安装并进行环境变量的设置)

Paste_Image.png

五、app启动之后会提示无法连接到服务器，需要在app上设置服务器的ip和port

Paste_Image.png
Paste_Image.png
填写自己pc上在路由器上的ip

六、进行调试

Paste_Image.png
Paste_Image.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,159评论 25赞 709
  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 135,199评论 19赞 139
  • 你不曾看过的长江以南
    包邮区最棒的。 大概就是一张车票，一个景点。 图片未经允许，不得转载。
    饵丝菇凉阅读 194评论 4赞 2
  • 一颗善良的人
    我想帮帮他，面试结束后w君突然对我说。 刚开始觉得他莫名其妙，一直想不通。当我说他年龄太大，做事风格，工作习惯都已...
    媛宝酱的本来阅读 216评论 0赞 0
  • 秋雨
    坐在书桌前看着优美的语句，恍惚间，电闪雷鸣风雨交加打破了宁静。心底是不相信有雨的，也没了看天气预报的习惯。 闪电和...
    J蛋垭阅读 227评论 0赞 0