React-native 集成 android简单使用
2016-10-26 14:37
411 查看
首先就是要去下载node.js
https://nodejs.org/en/download/
在里面找到
Windows Installer (.msi),自己的操作系统位数就可以了,
下载完成后,进入命令行cmd:输入下面命令
npm install -g react-native-cli
开始会自动安装到c盘的用户文件夹下,react的一些配置文件,这里,如果网络很慢或者会被墙了,可以在c盘的当前用户目录下找到.npmrc这个问价你,打开之后加入下面这句话registry=https://registry.npm.taobao.org
这是使用了阿里的镜像npm,
android部分的搭建这里就不说了,可自行百度,
之后如果npm之前的安装完成,继续输入下面
react-native init AwesomeProject
这是在当前用户目录下新建一个工程AwesomeProject
然后进入该项目下
cd AwesomeProject
之后启动应用
react-native run-android
如果启动成功了,按下手机的menu键,打开d找到dev settings-debug server host
输入当前电脑的ip地址+端口,端口一般为8081,之后reload就可以了,
这里有一点要注意的,如果修改了,index.android.js文件,手机reload并没有快速的反应,这里可以修改这个目录下的文件:项目路径/node_modules/react-native/packager/react-packager/src/node-haste/FileWatcher/index.js
将里面的const MAX_WAIT_TIME 这个值该大一点12000000;就可以了。至此,全部结束
https://nodejs.org/en/download/
在里面找到
Windows Installer (.msi),自己的操作系统位数就可以了,
下载完成后,进入命令行cmd:输入下面命令
npm install -g react-native-cli
开始会自动安装到c盘的用户文件夹下,react的一些配置文件,这里,如果网络很慢或者会被墙了,可以在c盘的当前用户目录下找到.npmrc这个问价你,打开之后加入下面这句话registry=https://registry.npm.taobao.org
这是使用了阿里的镜像npm,
android部分的搭建这里就不说了,可自行百度,
之后如果npm之前的安装完成,继续输入下面
react-native init AwesomeProject
这是在当前用户目录下新建一个工程AwesomeProject
然后进入该项目下
cd AwesomeProject
之后启动应用
react-native run-android
如果启动成功了,按下手机的menu键,打开d找到dev settings-debug server host
输入当前电脑的ip地址+端口,端口一般为8081,之后reload就可以了,
这里有一点要注意的,如果修改了,index.android.js文件,手机reload并没有快速的反应,这里可以修改这个目录下的文件:项目路径/node_modules/react-native/packager/react-packager/src/node-haste/FileWatcher/index.js
将里面的const MAX_WAIT_TIME 这个值该大一点12000000;就可以了。至此,全部结束
相关文章推荐
- React Native集成与简单使用(一)
- 一个简单的demo说明集成reactnative到android项目
- jpush-react-native 插件的集成与使用 Android 篇(推送)
- Android React Native的使用细节问题
- 在Windows上将ReactNative集成到现有的Android项目
- 将React Native集成至Android原生应用
- 使用react-native做一个简单的应用-04界面主框架
- react-native-vector-icons的简单使用,图片,按钮,标签视图,导航条
- Android React Native使用原生模块
- React Native简单的使用步骤
- 使用react-native做一个简单的应用-05 navigator的使用
- Android 原生开发、H5、React-Native使用利弊和场景技术分享
- 在Windows上将ReactNative集成到现有的Android项目
- react native android使用react-native-tab-navigator来做底部导航tabbar(1)
- React-Native-Android集成问题总汇
- React-Native之ViewPagerAndroid的使用
- 使用react-native做一个简单的应用-01项目介绍
- 使用react-native做一个简单的应用-02项目搭建与运行
- react-native-vector-icons的简单使用,图片,按钮,标签视图,导航条