Windows版本搭建安装React Native环境配置及相关问题
来源:互联网 发布:左飞 算法之美 编辑:程序博客网 时间:2024/06/06 09:45
A、打开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
注:Extrasz中如果没有子菜单:将腾讯推荐的镜像地址:https://dl.google.com/android/repository/ 加入到SDK Manager-->Tools-->Manager Add-on Sizes-->User Defined Sites-->new,加入后再Packages-->reload,Extrasz就会有信息了
C、检查代理是否正常工作
点击菜单Package>Reload,如果能获取新版本,表明可以正常访问镜像
D、选择包进行安装
正在安装。。。
clone成功后:
3) 进入刚刚目录下的react-native目录下的react-native-cli目录,输入npm install -g
安装好之后,可以命令行下就有react-native命令了
7、创建RN项目
进入你希望创建项目的目录后,输入react-native init AwesomeProject,等待一段时间(较慢)
成功后:
目录结构:
这时候可以用浏览器访问http://localhost:8081/index.android.bundle?platform=android,如果可以访问表示服务器端已经可以了。
9、运行项目
刚刚运行package的命令行不要关闭,重新启动一个新的命令行,进入项目目录,输入react-native run-android
注:此处下载需要科学上网
等待运行(如果是第一次运行,首先会下载gradle,时间较长),运行成功后出现下图
第一次手机肯定报错
这时候我们摇一摇手机,点击Dev Settings后,点击Debug server host & port for device,设置IP和端口
摇一摇”这个动作在模拟器可以用ctrl+M (Menu)来调出Dev setting菜单。
这里的IP是电脑的IP,不知道的可以在命令行中输入ipconfig进行查询,端口号固定8081
置完成后,回到空白页面,再次摇一摇手机,选择Reload JS,程序就运行起来,出现Welcome to React Native!
3、Genymotion启动device后显示白屏:
- Windows版本搭建安装React Native环境配置及相关问题
- 史上最全Windows版本搭建安装React Native环境配置
- 史上最详细Windows版本搭建安装React Native环境配置
- 史上最详细Windows版本搭建安装React Native环境配置
- 史上最详细Windows版本搭建安装React Native环境配置
- Windows版本搭建安装React Native环境配置
- 史上最详细Windows版本搭建安装React Native环境配置
- 史上最详细Windows版本搭建安装React Native环境配置
- Windows版本搭建安装React Native环境配置
- 史上最详细Windows版本搭建安装React Native环境配置
- 史上最详细Windows版本搭建安装React Native环境配置
- 史上最详细Windows版本搭建安装React Native环境配置
- Windows版本搭建安装React Native环境配置 count not find tools.jar问题
- (React-Native 学习之一) Windows版本搭建安装React Native环境配置
- Windows搭建安装React Native环境配置
- React Native环境配置之Windows版本搭建
- React Native环境配置之Windows版本搭建
- React Native环境配置之Windows版本搭建
- Java调用Dll
- 通信框架Netty的详细介绍及应用
- Linux下C语言开发(已知进程名得到其PID号)
- 对Android广播接收与发出机制的一些AMS以外的源码分析
- 判断今天是今年的第几天(2)
- Windows版本搭建安装React Native环境配置及相关问题
- CSS Fundamentals/Basic CSS Structure & Syntax
- && 和 || 的一些用法
- 关于基类和派生类的构造函数和析构函数的执行顺序问题
- Git提交记录
- php冒泡和选择排序
- phpStorm(1)——内置的REST Client (发送http请求)
- Java中的各种数据类型在内存中存储的方式
- python 将数据写入execl