ReactNative(二)——HelloWorld
来源:互联网 发布:软件过期怎么修改 编辑:程序博客网 时间:2024/06/08 08:07
初始化项目工程
进入自己的工作空间然后shift+鼠标右键打开命令行窗口执行如下命令创建RN工程HelloWorld:
然后使用Android Studio打开AVD Manager创建模拟器,在打开Android Studio的时候会提示创建Android项目,我们的目的只是为了打开模拟器,就随便创建一个项目就行了,创建之后就直接打开模拟器:
几乎是一路next昂- -# , 应该没什么难度。
好,然后直接创建模拟器吧:
这里最好选择分辨率比自己电脑分辨率小的 ↓ ↓ ↓
选择自己通过SDK Manager下载的镜像版本
finish
这样就ok了
这里解释一下为什么不直接从下载的SDK目录里面直接通过AVD Manager.exe来创建?
因为之前试验过,直接从这里创建的话,(有时候)会导致x86硬件加速无法启动,模拟器就会很卡,还有就是如果通过这个exe直接创建模拟器的话,外观会很不好看的╮(╯▽╰)╭
然后进入打开刚刚创建的项目HelloWorld里面运行一下这个程序:
当电脑默默的饱受编译时大耗费资源后(其实就是电脑卡),可以看到这样的一幕:
咦?不是应该就ok了吗?怎么还这么喜庆了呢?
原来还需要一步,把手机和RN的调试源给连接起来:
戳 ↓ ↓ ↓
填入调试电脑的ip和端口:
ip的简便获取方法:
端口号是在运行react-native run-android 之后出现的React packager窗口上提示的这个程序的端口号,默认是8081:
设置完后返回点击菜单键弹出菜单,里面点击reload js
。。。。这就正常了,这才是HelloWorld的正确打开方式 ↓ ↓ ↓
1 0
- ReactNative(二)——HelloWorld
- ReactNative(二)——HelloWorld
- ReactNative-HelloWorld
- ReactNative官网例子练习——(二)
- ReactNative官网例子练习——(二)
- ReactNative: 不一样的 HelloWorld
- ReactNative之helloWorld
- ReactNative进阶---FlatList(二)
- Hadoop学习笔记(二)——map reduce Helloworld
- Github 搭建 hexo (二)—— helloworld
- Ionic从零单排(二)——HelloWorld
- TestNG学习笔记(二)——HelloWorld
- ReactNative小项目——(一)
- ReactNative小项目——(三)
- ReactNative小项目——(四)
- ReactNative——Toast
- ReactNative—学习资源
- ReactNative 学习第三节 HelloWorld
- 任务和特权级保护(四)——《x86汇编语言:从实模式到保护模式》读书笔记35
- 杭电 OJ 1028 整数划分
- c++作业6
- 面试笔试算法目录
- 模拟实现顺序表
- ReactNative(二)——HelloWorld
- c++第六次实验
- LeetCode 91. Decode Ways(解码方法)
- 【Spring Framework 深入】—— IoC容器初始化 -> Bean定义资源的载入解析
- 【网络】HTTP基础总结
- 自定义View之onMeasure()
- C++作业6
- U-Boot移植——Nand Flash启动
- 【网络】TCP基础总结