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,react native保存网络图片到相册,iOS端可以用RN自带的CameraRoll完美解决,但是android端不支持从网络保存图片. 2,只保存一张图片到本地相册(比如生成的邀请卡 付款码等) 二,介绍与iOS简单配置 2.1 介绍 saveToCameraRoll(tag, type?)方法介绍 (1)这个是 CameraRoll 的一个静态方法,作用是保存一张图片到相册. (2)参数 tag 是…
React Native的出现,使的开发iOS代码出现了更便捷的方式.由于RN是使用脚本语言编写的,实现了"解释执行"的方式,而这种执行方式的修改只需替换脚步即可,不需要重新发布程序,热更新的方式极大的方便了迭代开发. 今天我们选择的热更新组件是Pushy,这是国内开发的,功能类似CodePush(CodePush在国内访问及其慢,长城宽度根本无法访问),Pushy支持增量更新,最大化的降低更新的数据量,节约流量. 下面介绍如何利用Pushy进行热更新: 1. 创建react nati…
React Native之坑总结(持续更新) Genymotion安装与启动 之前我用的是蓝叠(BlueStack)模拟器,跑RN程序也遇到了一些问题,都通过搜索引擎解决了,不过没有记录. 但是BlueStack有一些问题,比如没有菜单键,模拟器默认是横向的,商业化太严重(本来是用来玩游戏的),界面太丑,等等...... 于是我按照RN中文网的推荐下载了Genymotion模拟器,这一下,就是万劫不复...... 我是在官网下载的Genymotion,自带VirtualBox 5.0.4版本.下…
前面两篇文章介绍初步搭建单页面应用的开发环境: 第一篇:使用webpack.babel.react.antdesign配置单页面应用开发环境 第二篇:使用react-router实现单页面应用路由 这篇文章将基于前面两篇文章进一步优化开发环境,实现单页面开发时的运行时打包与热更新. 调整文件布局 在第二篇文章中发现了框架代码文件的命名有些冲突,这里我们需要做一下调整,以便接下来的讲述不易出现问题.调整时需要小小地改动配置文件几个路径.文件布局调整前后对比如下: 图片基本已经说明了情况.我们将在s…
React Native是Facebook推出的一个开发IOS和安卓APP的技术.至于更多的详情,这里不再描述,大家可以自行百度它的定义. 目的: 由于我想在一台电脑上同时开发IOS和Android两个APP,所以用的Mac. 这里就讲一讲我在搭建开发环境过程中遇到的坑,也为后面学习该技术的道友指一条坑少的路. 1.安装Homebrew Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件. 打开 mac os里的 终端,直接复制粘贴以下命令,回车: /usr/…
React Native是Facebook推出的一个开发IOS和安卓APP的技术.至于更多的详情,这里不再描述,大家可以自行百度它的定义. 原因:由于我想在一台电脑上同时开发IOS和Android两个APP,所以用的Mac. 这里就讲一讲我在搭建开发环境过程中遇到的坑,也为后面学习该技术的道友指一条坑少的路. 本文讲解的是,在Mac OS上,搭建IOS开发环境的步骤. Android篇,请移步:React Native 搭建开发环境(2)(Mac OS - Android项目篇) 1.安装Hom…
React Native运行的时候,经常碰到React Native unable to load script from assets index.android.bundle on windows解决方法有2种: 方法一:设置IP和端口 具体步骤:报错页面晃动手机,显示菜单 => 点击Dev Settings => 点击Debug server host & port for device => 设置IP和端口(ex:192.168.0.20:8081)=> 点击返回…
下面继续配置 webpack dev server    hot module replacement: 首先配置dev-server     安装     npm i webpack-dev-server -D const isDev = process.env.NODE_ENV === 'development' const config = { entry:{}, output:{}, plugins:{} } if(isDev){ config.devServer = { host: '…
参考:https://facebook.github.io/react-native/docs/getting-started.html(要FQ)     网站上建议使用Chocolatey去配环境,不过这个站点在国内访问太慢了,所以我们单独安装下面的软件就好了.   1. 安装Node.js: https://nodejs.org/en/,下载安装最新版本(推荐LTS版本) 确认Node.js是否安装成功,cmd里输入:node -v (退出是按两次 ctrl+c)   2. 安装python…