前言 当前 React Native 虽说版本更新比较快,各种组件也提供的很全面了,但是在某些情况下,混合开发的方式才会快速缩短开发周期,原因无非就是原生平台的"底蕴"无疑更深,拥有众多且类型丰富的第三方支持库.很多情况下,运用这些库可以避免苦逼的重复劳动.接下来我们以 jpush-react-native 插件为例来看看在 React Native 中如何使用原生的第三方库. 开始 在开始之前,你必须安装以下软件:npm 命令行工具,react-native 命令行工具, Andro…
React Native之code-push的热更新(ios android) React Native支持大家用React Native技术开发APP,并打包生成一个APP.在动态更新方面React Native只是提供了动态更新的基础,对将应用部署到哪里,如何进行动态更新并没有支持的那么完善.好在微软开发了CodePush,填补React Native 应用在动态更新方面的空白.CodePush 是微软提供的一套用于热更新 React Native 和 Cordova 应用的服务.下面将向大…
React Native之倒计时组件的实现(ios android) 一,需求分析 1,app需实现类似于淘宝的活动倒计时,并在倒计时结束时,活动也结束. 2,实现订单倒计时,并在倒计时结束时,订单关闭交易. 3,实现获取验证码倒计时. 二,技术实现 2.1,活动倒计时与订单倒计时的实现,源码如下: componentDidMount() { this.interval = setInterval(() => { const date = this.getDateData(this.props.…
React Native之支付集成(微信 支付宝)(ios android) 一,需求分析 1.1,app在线充值与提现 二,技术介绍与集成 2.1,微信支付 2.1.1,Android配置 详细配置可查看React Native之微信分享(iOS Android),这里主要介绍的是支付方面的配置 第一步:创建名为'wxapi'的文件夹,并在文件夹内创建WXPayEntryActivity.java,用于获得微信的授权和支付权限. package your.package.wxapi; impo…
React Native Headless JS(后台任务) Headless JS是一种使用js在后台执行任务的方法.它可以用来在后台同步数据.处理推送通知或是播放音乐等等. JS端的API 首先我们要通过AppRegistry来注册一个async函数,这个函数我们称之为“任务”.注册方式类似在index.js中注册RN应用: AppRegistry.registerHeadlessTask('SomeTaskName', () => require('SomeTaskName')); 然后创…
ylbtech-操作系统:Android(Google公司开发的操作系统) Android是一种基于Linux的自由及开放源代码的操作系统.主要使用于移动设备,如智能手机和平板电脑,由Google(谷歌)公司和开放手机联盟领导及开发.尚未有统一中文名称,中国大陆地区较多人使用“安卓”或“安致”.Android操作系统最初由Andy Rubin开发,主要支持手机.2005年8月由Google收购注资.2007年11月,Google与84家硬件制造商.软件开发商及电信营运商组建开放手机联盟共同研发改…
1.  Python 2  注意,不要选择3.0及以上的,还不成熟 安装过程中一直 next就可以了,但是注意下图,勾选添加到系统环境变量 安装完之后cmd输入 python 查看是否安装成功. 补充: 如果提示python不是内部命令,可能是添加环境变量出问题了,可自行添加. 步骤: 1. 复制python安装路径, 默认是  C:\Python27 . 2. 控制面板→系统→高级系统设置→环境变量→任选Admin变量或者系统变量中的path, 点击编辑,粘贴在最后面.注意: 前面要加一个分号…
声明:用windows 搭建的react native只能开发安卓应用 1.准备安装java jdk,以及Android SDK 传送门: java   JDK   Android SDK(自行寻找) a.设置java的系统环境变量:java_home(指向jdk目录)   path(指向jdk bin目录) classpath: .;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar 这些系统变量名不区分大小写 b.设置ANDROID_HOME用户…
这个问题已经得到解决,参照stackoverflow上的问题:https://stackoverflow.com/que...这个问题的原因就处在Android工程中app/build.gradle中,build.gradle中对于 react-native库的版本的配置默认是这么写的: compile 'com.facebook.react:react-native:+' 这个最后面的 “+” 表示的是使用最新的版本号.也就是说,我们Android工程中,依赖的React native 的na…
一.关于react native 版本的升级 参照文档:http://reactnative.cn/docs/0.45/upgrading.html react-native -v   查看当前版本 二.关于react native 的生命周期 http://www.jianshu.com/p/986bcbcd02aa componentWillMount 中state的值改变,不会引发render的再次渲染.如果componentDidMount中改变state值,会引发render的再次渲染…