前言 React Native 作为一款跨端框架,有一个最让人头疼的问题,那就是版本更新.尤其是遇到大版本更新,JavaScript.iOS 和 Android 三端的配置构建文件都有非常大的变动,有时候三者的配置文件又互相耦合在一起,往往牵一发而动全身. 本文假定 React Native 升级的主导者是前端同学,比较熟悉 javaScript 为主的一套前端构建流程.如果有条件,升级时强烈建议拉上 iOS 和 Android 开发,对于一些琐碎的升级细节,当面沟通远比搜索引擎高效. " 提示

React-native升级方法: 官网升级说明 中文版官网说明 各个版本差异对比

搭建React Native开发环境 本文档是Mac下搭建的环境,针对的目标平台不同,以及开发 iOS 和 Android 的不同,环境搭建也有差异. Github地址:https://github.com/facebook/react-native 官方地址:http://facebook.github.io/react-native/docs/getting-started.html 中文版的地址:https://reactnative.cn/ 前提条件 Homebrew是OS X的套件(包

npm WARN react-native@0.46.4 requires a peer of react@16.0.0-alpha.12 but none is installed. You must install peer dependencies yourself.     解决办法   删除根目录下面的 node_modules 文件夹   然后重新执行’npm install’,这样相关依赖组件就会下载安装完成,问题解决         总结 1.后来考虑是不是有可能NPM加载安装组

RN中文网站 https://reactnative.cn/docs/getting-started/ 创建项目 1.最新版本项目react-native init MyApp 使用可行版本  react-native init MyApp --version 0.44.3 2.运行项目 cd AwesomeProject react-native run-ios 管理RN的版本命令 https://www.jianshu.com/p/7d8e85b069d1 查看版本 $react-nativ

去年把公司几个react native 相关的项目升级了下,已经过去一段时间了,这里系统整理下之前的整个过程. 背景 之前到公司的时候发现公司用的还是0.40的版本,据了解,当时项目做的比较早,导航用的是自带的路由库,状态管理用的是 mobx.到公司之前虽然有react native的相关经验,不过当时官方已经推荐用 react-navigation 替代原来的导航库.以前的项目比较小,也没用到状态管理,react-native-code-push也没有用过,只是了解过一些. 刚开始接手项目的时

亲自经历react-native从0.55升级到0.58的过程,有点坎坷,ios出现的问题还算不多,但是android这里,随着gradle和buildTool的使用升级,导致第三方插件出现各种问题,大部分就能够修改 报错内容 我这里报错的插件有两个 react-native-fetch-blob react-native-orientation 在node_modules文件夹下找到插件位置, android/build.gradle可以看到: 主要是 compileSdkVersion bu

微软的CodePush热更新非常难用大家都知道,速度跟被墙了没什么区别. 另外一方面,我们不希望把代码放到别人的服务器.自己写接口更新总归感觉安全一点. so,就来自己搞个React-Native APP的热更新管理工具吧.暂且命名为hotdog. /**************************************************/ 首先我们要弄清react-native启动的原理,是直接调用jslocation的jsbundle文件和assets资源文件. 由此,我们可以自

因重新升级了系统,一步步搭建react-native环境. 1.安装Homebrew 打开终端命令->ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" (注:ruby命令苹果系统自带的,如果没有则需安装.) 等待安装完成,输入 brew -v是否已经安装成功. 2.安装curl 使用brew来安装curl(也可以使用wget)->brew ins

整理了一份ReactNative0.21中文文档,提供给需要的reactnative爱好者.ReactNative0.21中文文档.chm  百度盘下载:ReactNative0.21中文文档 来源:ReactNative中文社区 快速入门 开始使用React Native 在Linux上使用React Native 安卓环境配置 Linux和Windows支持 新手引导 使用指南 样式 图片 手势响应系统 动画 无障碍功能 直接操作 调试 自动化测试 JavaScript环境 导航器对比 已知

坑很多,跳之前做好准备.没有VPN的同学请浏览完本文后慎行.   你需要先安装最新版本的node.js(我最后使用的是v4.1.2),前往官网下载>> 注:我win7已经安装过Visual Studio 2013和Android开发环境(也踩了不少坑,后面有截图)   为了方便切换npm源,需要先安装nrm模块   因为公司内把taobao全线屏蔽了,所以我用了cnpm的镜像     因为我之前电脑里安装了node的v0.12.7版本,所以我遇到了下面的坑     如果你也跟我一样启动的时候报

在Windows下搭建React Native Android开发环境 前段时间在开发者头条收藏了 @天地之灵_邓鋆 分享的<在Windows下搭建React Native Android开发环境>,在开发者头条的抓取内容可以看到一部分,由于一直在休假就没有仔细学习,今天再次回顾我的收藏时却发现链接打不开(其实当时也有发现,只是这么说一下罢了).于是,你应该知道怎么做的,最好的工具莫过于搜索而不是一味的抱怨说只能在mac上玩.之前因为react native ios肯定是只能在mac上玩,An

React-Native 入门指导系列教程目录 一.准备工作 (已完成) 二.项目介绍与调试 三.CSS样式与Flex布局 四.常用UI控件的使用 五.JSX在React-Native中的应用 六.事件与数据调用 七.自定义组件 八.动手写实例 九.发布与真机调试   写在前面 1. 什么是React-Native? React-Native是:Facebook 在2015年初React.js技术研讨大会上公布的一个开源项目.支持用开源的JavaScript库React.js来开发iOS和And

首先不得不先吐槽一下自己,一个坑总是踩很多次,且乐此不疲. 咋办? 写博客记录记录呗. 零.记录的点 Java环境的下载与配置 Android环境的下载与配置 Node环境的下载与配置 创建第一个react-native应用 最终能够达到的目的:在手机上能够运行第一个React-Native应用~ 以备后用,已将安装包上传到了网盘 密码:bqbc 一.Java环境的下载与配置 记录下Java里面的三个术语理解 JDK是什么? 答曰:JDK乃[Java开发工具包] (Java Developmen

React-Native 入门指导系列教程目录 一.准备工作 (已完成) 二.项目介绍与调试 三.CSS样式与Flex布局 四.常用UI控件的使用 五.JSX在React-Native中的应用 六.事件与数据调用 七.自定义组件 八.动手写实例 九.发布与真机调试   写在前面 1. 什么是React-Native? React-Native是:Facebook 在2015年初React.js技术研讨大会上公布的一个开源项目.支持用开源的JavaScript库React.js来开发iOS和And

前言 随着移动互联网的兴起,Webapp开始大行其道.大概在15年下半年的时候我接触到了HybridApp.因为当时还没毕业嘛,所以并不清楚自己未来的方向,所以就投入了HybridApp的怀抱. HybridApp最早好像是国外的PhoneGap,然后国内有AppCan.Dcloud.APICloud等等.我当时接触的是APICloud,相比于其他平台,APICloud最大的特点是它的混合程度比较高! 要知道,Webapp最大的问题就是性能问题始终无法和原生App相比,由此才发展出来Hybrid

React-Native入门指导之iOS篇 React-Native 入门指导系列教程目录 一.准备工作 (已完成) 二.项目介绍与调试 三.CSS样式与Flex布局 四.常用UI控件的使用 五.JSX在React-Native中的应用 六.事件与数据调用 七.自定义组件 八.动手写实例 九.发布与真机调试   写在前面 1. 什么是React-Native? React-Native是:Facebook 在2015年初React.js技术研讨大会上公布的一个开源项目.支持用开源的JavaScr

一.前言 最近开新项目,准备尝试一下 ReactNative,所以前期做了一些调研工作,ReactNative 的优点非常的明显,可以做到跨平台,除了少部分 UI 效果可能需要对不同的平台进行单独适配,其中的核心逻辑代码,都是可以重用的.所以如果最终用 ReactNative 的话,可以省出某一端的客户端开发人员.而我这里调研的主要方向,就是它对国内第三方 SDK 的支持. 在国内,开发 App,一般都是会集成一些第三方服务的,例如:升级.崩溃分析.数据统计等等.而这些第三方服务,提供的 SDK

前言 facebook的react-native给我们带来了用js写出原生应用的同时,也使得使用RN编写的代码的在线升级变得可能,终于可以不通过应用市场来进行升级,极大的提升了app修bug和赋予新功能的能力.----使用h5的方式也可以做到,但是rn的用户体验可要远远超过h5啊. 一般使用RN编写的app的线上使用方式,是将react-native bundle命令打出bundle文件和assets文件夹,直接内置到app中,app在viewcontroller或者activity中直接加载a

时刻将React Native更新到最新的版本,可以获得更多API.视图.开发者工具以及其他一些好东西(译注:官方开发任务繁重,人手紧缺,几乎不会对旧版本提供维护支持,所以即便更新可能带来一些兼容上的变更,但建议开发者还是尽一切可能第一时间更新).由于一个完整的React Native项目是由Android项目.iOS项目和JavaScript项目组成的,且都打包在一个npm包中,所以升级可能会有一些麻烦.我们会尽量简化这一流程.以下是目前所需的升级步骤: 译注:更新日志点这里查看 1. 更新r

上篇博客我们聊了RN中关于Timing的动画,详情请参见于<ReactNative之结合具体示例来看RN中的的Timing动画>本篇博客我们将从一个“拉皮条”的一个动画说起,然后来看一下RN中Spring动画的使用方式以及具体效果.Spring从名字中不难看出是弹性弹簧的意思,也就是我们可以使用Spring这个动画来实现一些弹性的动画效果.本部分我们先通过一个“拉皮条”的示例来简单的看一下Spring动画的使用方式,然后在看一下Spring动画中可配置的属性以及每个属性的作用. 一.从“拉皮条