预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共19页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

Windows下配置Gradle 一、安装 安装Gradle 新建环境变量GRADLE_HOME,即D:\usr\local\gradle-2.4; 修改环境变量Path,即追加%GRADLE_HOME%\BIN; 二、验证Gradle 1.输入快捷键WIN+R,输入cmd,在弹出的窗口输入命令行:gradle-v; 三、体验Gradle 1.创建工程所在目录,本经验创建于c:\gdemo; 2.创建空白的build.gradle文件,并打开; 3.在第一行输入applyplugin:'java',并执行命令:gradlebuild 运行结果 Windows下搭建ReactNative开发环境 安装NodeJS 官网下载:HYPERLINK"https://nodejs.org/en/"https://nodejs.org/en/4.0以上版本的nodejs 安装react-native-cli npminstall-greact-native-cli 初始化项目 react-nativeinitAwesomeProject init项目时,我这边卡住了很久才初始化完成,可能是下载node_modules太耗时间了。如果你也在init时卡住的话,可以直接clone我初始化好的项目 gitcloneHYPERLINK"https://github.com/chenyangcun/AwesomeProject.git"https://github.com/chenyangcun/AwesomeProject.git 配置环境变量 请设置环境变量ANDROID_HOME指向AndroidSDK的目录 安装Genymotion模拟器 详情参考: HYPERLINK"http://jingyan.baidu.com/article/eae07827a7c6a01fec5485c3.html"http://jingyan.baidu.com/article/eae07827a7c6a01fec5485c3.html 启动 首先启动ReactNativeServer:react-nativestart 重新开一个终端(cmd),切换到项目目录安装APP cdandroid gradlew.batinstallDebug 参考:HYPERLINK"http://reactnative.cn/docs/0.22/tutorial.html"http://reactnative.cn/docs/0.22/tutorial.html 想开发Android版本,先连接你的设备或启动模拟器,然后在AwesomeProject目录下运行react-nativerun-android,就会构建工程并自动安装到你的模拟器或者设备,同时启动用于实现动态代码加载的Node服务。当你修改代码之后,你需要打开摇一摇菜单(摇一下设备,或者按下设备的Menu键,或者在模拟器上按下F2或PageUp,Genymotion按下⌘+M),然后在菜单中点击“ReloadJS”。 在本向导中我们会创建一个简单的Movies应用,它可以获取25个上映中的电影,然后把他们在一个ListView中显示。 1.参考案例React-Native HYPERLINK"http://blog.csdn.net/xu_fu/article/details/48596297"http://blog.csdn.net/xu_fu/article/details/48596297 2.怎么创建一个对于整个App的全局变量 HYPERLINK"http://bbs.reactnative.cn/topic/649/%E6%80%8E%E4%B9%88%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%AF%B9%E4%BA%8E%E6%95%B4%E4%B8%AAapp%E7%9A%84%E5%85%A8%E5%B1%80%E5%8F%98%E9%87%8F/2"http://bbs.reactnative.cn/topic/649/%E6%80%8E%E4%B9%88%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%AF%B9%E4%BA%8E%E6%95%B4%E4%B8%AAapp%E7%9A%84%E5%85%A8%E5%B1%80%E5%8F%98%E9%87%8F/2 ReactNative自定义事件机制 http://ju.outofmemory.cn/entry/205151 控件学习 ListView 前言 ListVi