React Native(1)

来源:互联网 发布:java程序员技能要求 编辑:程序博客网 时间:2024/05/18 15:25

朋友都说做开发都应该用mac,但是习惯用windows了,而且经常要哭穷,就一直用着windows。今天开始入门react native。搞了半天终于把环境弄好。然后也顺便做下笔记。

入门前,不可缺少是,环境部署。


一.环境部署

  1.node.js安装

  2.git环境

  3.android sdk

  4.java开发环境

二.React Native

1.先在某个磁盘创建个文件夹。我是 E:\RnWorkSpace\

2.git clone https://github.com/facebook/react-native.git

3.进入刚刚目录下的react-native目录下的react-native-cli目录,输入npm install -g 

4.进入你希望创建项目的目录后,输入react-native init AwesomeProject,(这里AwesomeProject为工程名)等待一段时间

5.在工程目录下 执行react native start.这时候可以用浏览器访问http://localhost:8081/index.android.bundle?platform=android.如果报错,找不到index.android.js,我是把index.js复制一份出来。

6.刚刚运行package的命令行不要关闭,重新启动一个新的命令行 ,进入项目目录,输入react-native run-android

可能会出现报错:

我的解决方法是 修改gradle为1.2.3。


再执行一次,跑完之后,如果成功了 改回2.2.3。

7.然后打开手机的app,可能会出现白屏。是因为在授权管理,给app授权悬浮窗权限。

8.最后打开了 我们的页面,代表部署成功了。

原创粉丝点击