1.1.零web,js基础开发ReactNative_建立工程

来源:互联网 发布:通信算法工程师笔试题 编辑:程序博客网 时间:2024/06/06 01:10

本人是一个RN零基础的新手,会一些Android开发,准备从今天开始一步步学习RN,完成中文网上的教程,然后自己做个练手小项目。在此特地写开发日志,希望能坚持下来。

另外各位大神看我的思路有哪些偏差,请指正。

首先按照react native中文网上的教程(http://reactnative.cn/docs/0.44/getting-started.html#content),搭建开发环境。因为我之前已经搭建好了,具体怎么操作忘了,只是

记得教程里面也是有坑,但是有困难找度娘,就都能解决。

然后建立工程,我这里使用的是webstorm,file->new->project,在弹出框左侧选react native,然后在右侧填上工程名。


等工程建立完成,分好工程目录结构。

建立一个名为BGCommunity的工程,新增一个src文件夹来存放代码文件。

本来这里应该分得更细一点,比如界面一个文件夹,逻辑一个文件夹,需要操作的数据库一个文件夹,但是目前不知道RN是怎么分的,就先建立一个src专门存放自己写的代码吧。

建好了工程之后先run一下,右上角:


点击下三角选择Android,然后就变为


开个模拟器(我用的是蓝叠)再点run 。

然后变成了。。。


RELOAD一下看看。变成


后面查百度发现这个是因为IP不一致,就是程序去访问的服务器跟服务器的地址不一致。如何修改为一致呢?点击一下模拟器右下角的摇一摇(我一开始听说改IP死活没想到

会从这改):


也有可能会啥都没出现,这个情况应该是模拟器出了问题,重启模拟器。

弹出框里选Dev Settings



输入ip端口(我用的是wifi)




确定,返回。然后快速地按两下R(我一般按3下),rn会进行热更新。


成功!

如果显示一片空白,关闭app重新打开。

0 0