React Native之hellWord

初始化项目工程


进入自己的工作空间然后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的正确打开方式 ↓ ↓ ↓

这里写图片描述

优秀的个人博客,低调大师

微信关注我们

原文链接:https://yq.aliyun.com/articles/63625

转载内容版权归作者及来源网站所有!

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

相关文章

发表评论

资源下载

更多资源
优质分享Android(本站安卓app)

优质分享Android(本站安卓app)

近一个月的开发和优化,本站点的第一个app全新上线。该app采用极致压缩,本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario,低调大师唯一一个Java游戏作品

Mario,低调大师唯一一个Java游戏作品

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Eclipse(集成开发环境)

Eclipse(集成开发环境)

Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。幸运的是,Eclipse 附带了一个标准的插件集,包括Java开发工具(Java Development Kit,JDK)。

Java Development Kit(Java开发工具)

Java Development Kit(Java开发工具)

JDK是 Java 语言的软件开发工具包,主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心,它包含了JAVA的运行环境(JVM+Java系统类库)和JAVA工具。