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.最后打开了 我们的页面,代表部署成功了。
- 《React-Native系列》1、初探React-Native
- react-native基础教程(1)
- react-native学习(1)
- React Native(1)
- react-native-splash-screen 不支持 react-native 0.47.1
- react-native试玩(1)
- React Native开发AndroidApp(1)
- react native介绍(1)
- React Native混合开发1
- React Native学习笔记----1
- react -native高仿美团V1.1
- 学习React Native(1)
- React Native 踩坑(1)
- React-Native 学习笔记1
- react native
- React Native
- React Native
- React- Native
- Android使用Recyclerview实现图片水平自动循环滚动效果
- 脚本
- 从自动贩卖机找零看Python中的动态规划问题
- [LeetCode]1. Two Sum ❤
- c++之--构造函数
- React Native(1)
- 第三单元课后习题第三第四题
- bzoj3295 动态逆序对
- CMake 安装
- CodeForces
- 浅谈delegate为什么用weak修饰
- Selenium模拟操作中按钮点击(click)失效问题和文本框输入内容失败问题
- 2015-2016 Northwestern European Regional Contest (NWERC 2015) 补题
- 代码规则,自己总结