第一步:安装好android环境(sdk ,jdk)

第二步:安装node环境,npm install -g react-native-cli (可以使用淘宝的cnpm来提高下载速度)

第三步:创建项目

进入到你需要创建项目的目录中执行:react-native init demo(项目名称),一直回车即可

第四步:下载夜深模拟器

  • 首先需要adb连接到模拟器  用adb devices查看模拟器的device是什么  直接进入nox 的bin目录下执行 nox_adb devices
  • 然后在sdk的platform-tools目录下执行 adb.exe connect 127.0.0.1:62001(刚刚查询的devices名称)

第五步:启动react-native项目

这个错误的原因是react版本与react-native版本不匹配
在package.json  中修改react-native的版本为: "react-native": "0.55.0"

删除node_modules文件夹之后 在执行 npm install

这个错误是bable的问题

在package.json 中修改babel-preset-react-native为: "babel-preset-react-native": "^2.1.0"

删除node_modules文件夹之后 在执行 npm install

这个问题设置下IP地址即可

好了 你的第一个react-native项目就跑起来了

转载于:https://juejin.im/post/5b727d51f265da282258940e

基于 android 创建 React-Native 项目与连接夜深模拟器相关推荐

  1. React Native Android原生模块开发实战|教程|心得|怎样创建React Native Android原生模块...

    尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://blog.csdn.net/fengyuzhengfan/article/details/54691503) 告诉大家一个好消息. ...

  2. react native项目改名(仅针对android)

    我们在创建react native新项目时,都会使用react-native init 工程名 来初始化项目.有时候,我们仅仅是想调试一个小功能,又不想影响以前的项目.这种情况下,我们首先想到的是,拷 ...

  3. vscode 连接夜神模拟器 运行 react native项目 (很简单的方法)

    前言:我这种方式不需要过多配置,只是需要先启动Android studio ,之后再启动vsCode 准备阶段:下载夜神模拟器 1. 开启夜神服务 进入到夜神安装的bin目录下,执行 nox_adb. ...

  4. 技术实践丨React Native 项目 Web 端同构

    摘要:尽管 React Native 已经进入开源的第 6 个年头,距离发布 1.0 版本依旧是遥遥无期."Learn once, write anywhere",完全不影响 Re ...

  5. 【腾讯Bugly干货分享】React Native项目实战总结

    本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/577e16a7640ad7b4682c64a7 "8小时内拼工作,8小 ...

  6. React native 项目进阶(redux, redux saga, redux logger)

    之前利用知乎日报的api写了react-native的一个入门项目,传送文章地址React Native 项目入门和源码地址RN入门项目源码,目前github上的代码已经在原文的基础上增加了新的功能, ...

  7. 快速创建React Native App

    告诉大家一个好消息,为大家精心准备的React Native视频教程发布了,大家现可以看视频学React Native了. 快速创建React Native App 查看最新的React Native ...

  8. React Native 项目整合 CodePush 完全指南

    作者 | 钱凯 杏仁移动开发工程师,前嵌入式工程师,关注大前端技术新潮流. 本文使用的环境: React@16.3.1 React Native@0.55.4 react-native-code-pu ...

  9. 利用 Create React Native App 快速创建 React Native 应用

    React Native App简介 打开React Native官方文档你会发现,在Getting Started章节下新添加一个Quick Start Tab页.Quick Start是在v0.4 ...

最新文章

  1. Python os.getcwd() 方法
  2. javascript 设计模式(一)
  3. SICP 习题 (2.7) 解题总结 : 定义区间数据结构
  4. mysql之 mysql 5.6不停机主从搭建(一主一从基于GTID复制)
  5. [OS复习]设备管理1
  6. Web内容管理系统 Magnolia 启程-挖掘优良的架构(3)
  7. 重新构想原子化 CSS
  8. 复制书稿(信息学奥赛一本通-T1278)
  9. 困扰的问题终于解决了-docker时区不正确的问题修改记
  10. 从零开始 了解C++
  11. 嵌入式开发和应用技术大全
  12. 2020 ,6 种不死的编程语言!
  13. 固态硬盘中的数据该怎么恢复
  14. 10Bootstrap5徽章
  15. Android 长按APP图标弹出快捷方式(shortcuts)
  16. 《算法图解》学习笔记(十一):十种经典的算法与数据结构
  17. 一个程序员的多年珍藏(1月23日最新更新)
  18. 使用VBA在Office中输入特殊字符(1/3)
  19. C# SDK exe dll 防止反编译
  20. 直播软件开发,独特功能简介,“直播+”成标配

热门文章

  1. 10.11 UiPath如何安全的保存账号和密码
  2. python123九宫格输入法_【带你成为pyq最靓的仔】朋友圈九宫格(一)之图片切割篇...
  3. 考试用计算机检讨书,计算机考试不及格检讨书
  4. 梦想CAD控件 2018.7.26更新
  5. 技术与业务脱节_人工智能研究人员与吓到我的现实脱节
  6. 苹果手机上网很慢_iPhone xs max的4G网络很慢是怎么回事?应该怎么办?
  7. 解决R语言报错:Error in make.names(col.names, unique = TRUE) :文件编码不一致的问题
  8. jquery对于属性和事件的操作
  9. 《小马哥讲Spring核心编程思想》-第一章学习笔记(1)
  10. 大众汽车发动机引擎列表及历史