1: jdk 安装
2: android sdk 的安装
3: node.js 的安装 https://nodejs.org/
4:安装react-native 通过命令行工具 npm install -g react-native-cli
本操作速度很慢,可以直接拷贝即可,https://github.com/CellChen/react-native-init
5:在rn的工程根目录下面,执行react-native start 用于启动js server。
http://localhost:8081/index.android.bundle?platform=android 用本url访问,可确认是否启动成功.
5-1: 最后通过摇一摇手机可以出现 各种配置.
6: curl 的安装和下载 https://curl.haxx.se/download.html ,只要下载一个curl.exe ,并把此curl.exe拷贝到react-native工程的根目录下面,
curl -k "http://localhost:8081/index.android.bundle" > android/app/src/main/assets/index.android.bundle
把js有关的打包进入apk包中。 当然可以通过代码动态设置jsbundle文件,这样就可以实现热更新的功能,具体实现参看activity继承的react-native的父类,源码里面有设置的方法。
参考文档:
http://my.oschina.net/jackzlz/blog/508210?p={{page}}
http://www.cnblogs.com/meteoric_cry/p/4874517.html
相关推荐
采用ReactNative和Exponent构建的可展开列表集合组件
第1章 初识React Native 1 1.1 React Native 的优点 2 1.2 风险和缺点 4 1.3 小结 4 第2章 React Native 工作原理 5 2.1 React Native 是如何工作的 5 2.2 渲染周期 7 2.3 在React Native 中创建组件 2.4 ...
使用React Native和News API构建的简单跨平台新闻应用
Weather-App-React-Native:采用react-native构建的天气预报iOS App
通过js编写RN界面,使用前端的nodejs的npm工具打包RN开发出来的模块,生成bundle文件,预先存放到原生指定的目录,原生层面在RN引擎初始化时载入并读取bundle并进行渲染
React扩展管理器 (REM)介绍React Extension Manager(或 REM)是使用 npm 和 CocoaPods 构建的第三方 React Native 模块的包管理器。 REM 允许 React Native 的基础保持整洁且体积小,同时支持应用程序中并不总是...
用react-native构建的简单的十五益智游戏。滑动瓷砖以将它们排列整齐。 效果展示: ... 更多详情、使用方法,请下载后阅读README.md文件
JdApp是CSDN博客的一个... Add Tab 其他教程React Native入门——环境配置及Hello WorldReact Native入门——IDE及其他相关基础技术React Native入门——组件构成及生命周期简介效果: 标签:京东客户端
尝试使用react-native构建网易新闻客户端中的金币商城
go-micro 微服务实战的客户端 === 基于react native 构建 Android iOS app前端
Expo XDE官方版是一款非常优秀的expo开发工具,Expo XDE官方版是一组工具、库和服务,能通过编写JavaScript来构建本地的iOS和Android应用程序,使用起来简单方便!
用V8 Runtime响应本机 该项目的目的是为React Native支持V8运行时。 作为选择加入的软件包设计,它应该易于与现有的React Native项目集成。 与React Native集成 ... 安装react-native-v8 yarn add ' react-native
React Conf 2017 Companion App - 采用React Native构建
该项目将Babylon Native集成到React Native中。 当前状态 巴比伦React Native尚处于开发的早期阶段,并具有以下局限性: 仅Android和iOS支持-已计划支持Windows,但目前尚不清楚时间表。 仅触摸输入-尚不支持鼠标...
注意:在最新版本的React Native上,您可能会在Android上的Gradle构建过程中出错( com.android.dex.DexException: Multiple dex files define Landroid/support/v7/appcompat/R$anim )。 运行cd android && ./...
一个React Native项目模板,用于通过分离UI,状态管理和业务逻辑之间的关注点来构建可靠的应用程序。
“留学生React Native计算器作业.zip”是一个为...总的来说,“留学生React Native计算器作业.zip”是一个非常实用的学习资源,可以帮助留学生更好地理解和掌握React Native框架,以及如何使用它来构建移动应用程序。
React Native有用于构建电视设备的文档: 该示例项目提供UI元素,以测试跨目标本机设备和Web的兼容性。 将应用程序安装到设备上之后,就可以测试以下元素: 组件大事记重点滚动输入视频开始吧安装 : git clone git...
用React Native构建的DuckDuckGo App
Expo 安卓apk安装包(调试React Native),Expo CLI使您可以轻松地在物理设备上运行React Native应用程序,而无需设置开发环境。如果您想在iOS模拟器或Android虚拟设备上运行您的应用程序,请参阅使用本机代码构建...