http://www.jianshu.com/p/e16c91acce03
我的博客原文地址 在React Native开发过程中，有时我们想要使用原生的一个UI组件或者是JS比较难以实现的动画效果时，我们可以在React Naitve应用程序中封装和植入已有的原生组件。 比如开源项目Lottie在Android上能够非常简单的实现一些复杂的动画效果，如果我们想在JS中也实现这样的效果呢？很简单，我们可以自己构建一个原生UI组件。 接下来就以此为例来进行介绍。Lottie
http://www.jianshu.com/p/e16c91acce03
最近有人问我没有新学什么东西，我确实想不到新学了什么，就脱口而出了React Native，然后就问能告诉他React Native是什么吗？发现自己一点都说不出来是什么。学习一门新的知识我们到底是学的什么呢？或许真的该好好的想想。还有 言归正传，这周花在React Native上面的时间不是很多，任务比较多。但是把React Native作为一个Library导入了一个原生的Android项目。
在之前的一篇文章中，我记录了已有的Android项目如何接入React Native，介绍了RN如何调用原生的方法，本篇文章上在之前的一篇的文章的基础上续写的，这一篇文章中我将记录Android如何封装原生组件，然后RN来使用它。如果对接入RN还不太了解的，可以看看我的另一篇文章 Android原生项目接入React Native 其实，如果Android接入RN已经搞好了，这个就不难弄了，都是类
react-native 在android封装原生listView 前言 react-native中的ListView的性能问题是react-native开发的一个痛点。虽然0.43中推出了FlatList，但是快速滑动的时候的白屏问题仍然是很影响用户体验。 最近在项目中需要使用react-native开发相册，在经过再三的考虑后，决定直接封装原生的listView。虽然这样做使得ios、andr
写在前面:最近在学习RN时,了解互相通信的问题,RN提供了三种方式.另外自定义ReactContextBaseJavaModule其实也是可以的,但单纯调用某个方法相对使用麻烦,一般用于封装调用. 大致分为2种情况： Android主动向JS端传递事件、数据 JS端被动向Android询问获取事件、数据 方式 优点 缺点 事件方式：RCTDeviceEventEmitter 可任意时刻传递，Nat
基本信息 作者:Songlcy http://blog.csdn.net/u013718120/article/details/55506238 Android系统为我们提供了webview来加载网页，同样为了让webview加载的网页可以与App交互，同样提供了一套机制帮助我们更方便的实现通信。为了实现React Native与原生App之间的通信，Facebook也实现了自己的一套交互机制。
接触到混合应用开发提议后，首先想到了之前学的ionic，其次便是这两年火遍全球的RN，由于ionic框架用的angular.js，而且angular1和angular2写法区别很大，angular2对于初学者还是比较好接受的，但是angular1写的很乱，代码很难维护，便放弃了。决定用RN后觉得还是蛮顺手的，跟angular2很相似，又是ES6，很快便能入手，框架的选择还需要考虑的是插件的支持，尤
如果你正准备从头开始制作一个新的应用，那么React Native会是个非常好的选择。但如果你只想给现有的原生应用中添加一两个视图或是业务流程，React Native也同样不在话下。只需简单几步，你就可以给原有应用加上新的基于React Native的特性、画面和视图等。 把React Native组件植入到iOS应用中有如下几个主要步骤： 首先当然要了解你要植入的React Native组件。
今天记录一下我的一个React Native Demo： 具体实现了对Android原生UI的封装和Android原生模块的封装，并且集成腾讯云点播的Android SDK。 功能：第一个页面显示腾讯云点播的视频播放控件，并播放一段视频。点击视频控件跳转到第二个页面。 步骤： 一、创建React Native项目； react-native init TestDemo
React-Native在开发工程中也有许多实现不了的功能，这就需要借助原生应用来实现了，React-Native实现和iOS原生交互只需要进行以下几个步骤即可。 1、导入RCTBridgeModule头文件 #import <React/RCTBridgeModule.h> 2、引入协议 #import <Foundation/Foundation.h>
#import <React/RCTBr
redux是一个提供组件之间数据共享，管理处理的模块，在react组件中使用十分广泛，如何在react组件中实现数据共享管理？ redux数据管理的基本原理 1.利用store存储数据信息，利用store.getState()得到当前的状态值 导入redux中的createStore方法,创建一个store import {createStore} from 'redux'
const store
转载请注明出处,原文地址:http://www.voidcn.com/article/p-qjhjzurd-bqg.html 这段时间研究了下React Native，Facebook推出的，结合了Web应用和Native应用的优势，可以使用JavaScript来开发iOS和Android原生应用，决定简单研究下，于是开始搭建环境，编写HelloWorld，完成后又觉得HelloW
该篇文章实现方法其实和之前的第八篇-React Native实现调用android原生java方法并实现广播的发送和接受，方法类似，只不过调用原生方法里的动作不同，一个是启动servicer，一个是启动activity。所以本篇不多讲直接先看效果： 一、用AS打开项目目录的android项目，并添加一个activity，该activity中未添加任何逻辑操作： package com.myredu
这里默认电脑上已经安装了cocoapods和React-Native，如果没有RN开发环境，可以点击这里按照步骤配置。 0、新建项目 首先，先使用xcode新建一个项目，然后在项目的根目录下新建一个文件夹，用于存放RN的组件库还有其他一些文件。这里假设新建一个名为 RNComponent 的文件夹。目录结构为： 1、新建RN配置文件 准备妥当以后，我们在 RNComponent 这个文件夹里就可以
参考文档 下文讲的非常详细，很多方法都说明了，仔细再看： http://www.liuchungui.com/blo... ios原生模块创建： http://www.liuchungui.com/blo... 极光推送的实例： https://community.jiguang.cn/... 具体操作 1、在mall下创建一个module 1) 需要切换到project目录结构，然后对着mall
在React Native 中，其已经将几个常用的原生组件进行了封装，但是并不是所有系统的原始组件都被封装了，因此有时候我们不得不自己动手封装一下，从而能够使用那些React Native没有为我们封装的原生组件。为了方便讲解，我们选择第一个第三方库kenburnsview来讲解，kenburnsview是一个可以让图片在在页面移动或者放大缩小的库。 Android原生组件封装 1，继承Simpl
在React Native开发过程中，有时候我们可能需要访问平台的API，但react Native还没有相应的实现，或者是React Native还不支持一些原生的属性，我们需要调用原生代码来实现，或者是我们需要复用一些原来的Java代码，这个时候我们就需要创建一个原生模块来自己实现对我们需要功能的封装。 相关文档可以参照官方的介绍。 实例 下面我们就通过实现一个自定义模块，来熟悉编写原生模块需
在React Native开发过程中，有时我们想要使用原生的一个UI组件或者是js比较难以实现的功能时，我们可以在react Naitve应用程序中封装和植入已有的原生组件。 本文我们实现一个VideoView的本地调用。 React Native并没有给我们提供VideoView这个组件，那我们要播放视频的话，有两种方法：一种是借助WebView，一种就是使用原生的播放器。 Java端实现 新建
