一直直在写一个前端项目，来分享一些Scroll封装的实践 本宝宝看着你们只收藏不点赞都有小情绪！！！！哼 设计目标 因为项目中需要大量的类似Scroll List，ListView页面： github上看了圈感觉没有特别喜欢的，就自己来封装了一下 层次结构如下： |-Scroll//主要处理诸如下拉刷新，上拉加载，加载状态，错误信息等
|-----List //主要是List主体
|------
参考文档官方版：Native UI Components 中文版：原生UI组件 上面的文档介绍了facebook 开发小组，如何封装原生组件ImageView给js调用，但是没有具体的实例。本文以封装原生TextView为例，一步一步的实现一个简单示例。 提供原生视图很简单： 创建一个ViewManager的子类（或者更常见的，SimpleViewManage的派生类）。 实现createView
本文主题：如何实现原生代码的复用，即如何将原生模块封装。 有时候我们的应用需要进行访问原生平台系统的API接口，但是React Native可能还没有封装相应功能组件。还有可能我们需要 去复用一些原生java代码而不是让JavaScript重新去实现一遍。或者我们可能需要些一些更加高级的功能代码，所线程相关的。例如: 图片处理,数据库以及一些高级功能扩展之类的。
这次我们来闲谈一下react开发如何使用echarts。 echarts是个好东西，很强大的配置功能，很多开发者都在使用它。那么在react里面如何去调用echarts？如何封装echarts呢？ react开发者，首先会想到的是上github搜索“react echarts”，然后找最多start的那个插件，比如“echarts-for-react”，那么，我们是不是真的有必要用插件来做呢？ 带
package com.reactts.speedview;
import com.github.anastr.speedviewlib.AwesomeSpeedometer;
import com.github.anastr.speedviewlib.Speedometer;
import com.github.anastr.speedviewlib.PointerSpeedometer;
i
http://www.jianshu.com/p/e16c91acce03
我的博客原文地址 在React Native开发过程中，有时我们想要使用原生的一个UI组件或者是JS比较难以实现的动画效果时，我们可以在React Naitve应用程序中封装和植入已有的原生组件。 比如开源项目Lottie在Android上能够非常简单的实现一些复杂的动画效果，如果我们想在JS中也实现这样的效果呢？很简单，我们可以自己构建一个原生UI组件。 接下来就以此为例来进行介绍。Lottie
http://www.jianshu.com/p/e16c91acce03
阅读本文大约需要2分钟 Lottie-react-native开源特效动画封装库,轻松打造应用精致动画效果。 地址:https://github.com/airbnb/lottie-react-native 项目介绍 这两天突然发现一个非常好的开源动画特效项目，Airbnb出品，他们公司的产品一向比较精美，而且开源出来的东西非常不错。Lottile组件库本来是适用于Android和iOS平台的。大
react-native 在android封装原生listView 前言 react-native中的ListView的性能问题是react-native开发的一个痛点。虽然0.43中推出了FlatList，但是快速滑动的时候的白屏问题仍然是很影响用户体验。 最近在项目中需要使用react-native开发相册，在经过再三的考虑后，决定直接封装原生的listView。虽然这样做使得ios、andr
学习vue的第二篇文章，完成了以下功能。 1、父组件传递给子组件数据； 2、子组件通过props接收数据； 3、v:bind以及v-for的使用； 4、实现了轮播组件。 前一篇我们搭建了一个vue2+webpack2的框架，实现了一个全局导航组件。 今天说说在vue中使用轮播组件的选择（会造轮子的自己写轮播特效）。 运行效果：vue-酷我demo 父组件如何传递数据给子组件？ 官网有这么一段内容来
今天记录一下我的一个React Native Demo： 具体实现了对Android原生UI的封装和Android原生模块的封装，并且集成腾讯云点播的Android SDK。 功能：第一个页面显示腾讯云点播的视频播放控件，并播放一段视频。点击视频控件跳转到第二个页面。 步骤： 一、创建React Native项目； react-native init TestDemo
先上效果图 注意 : 这个项目是用node 方式创建的 实际上是创建了一个node 项目 使用 命令行的方式 然后再导入 westrom . 步骤如下 1 ,通过这个命令，创建一个react工程 npm install -g create-react-app 这个 是必须的,打开cmd输入就行. 2, #到指定目录创建工程 create-react-app my_timer// 先到项目文件夹下面
原文地址：http://www.jianshu.com/p/980ffdf3ed8c 前言 在使用ReactiveCocoa 过程中，Josh Abernathy和Justin Spahr-Summers 两位大神为了能让RAC的使用者更畅快的在沉浸在FRP的世界里，更好的进行并发编程，于是就对GCD进行了一次封装，并与RAC的各大组件进行了完美的整合。 自从有了RACScheduler以后，使整
原文地址：http://www.jianshu.com/p/980ffdf3ed8c 前言 在使用ReactiveCocoa 过程中，Josh Abernathy和Justin Spahr-Summers 两位大神为了能让RAC的使用者更畅快的在沉浸在FRP的世界里，更好的进行并发编程，于是就对GCD进行了一次封装，并与RAC的各大组件进行了完美的整合。 自从有了RACScheduler以后，使整
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Reactjs in 40 </title>
<style media="screen">
.like-btn { font-size: 50px; }
</style>
</head>
<body>
<div
原生开发中，自定义View可谓是屡见不鲜的事情，往往系统的控件总不能满足现实的需求。五花八门的产品设计需要我们做出不同的View。关于自定义View的内容网上已经有很多的博文，本篇博客要和大家分享如何在React Native中自定义组件实现抽屉菜单控件效果。 ok，先来看看我们要实现的效果： Gif图中效果很明显，点击右上角分享图标，底部滑出菜单，背景变为半透明状态。分享功能在App中的重要性想
使用ECharts 获取ECharts Echarts官网教程中就有告诉通过各种方式获取Echarts：http://echarts.baidu.com/tutorial.html 最简单的方式就是直接引用js文件就o了~ 当然，这次要用的是webpack来进行包管理，所以就要通过webpack来获取Echarts： npm install echarts --save 引入ECharts 通过w
需要的第三方库：react | prop-types | classnames | 等等 两个页面 Input.js | input.less Input.js import React,{Component} from 'react';
import {PropTypes} from 'prop-types';
import classNames from 'classnames';
impor
Portal简介 使用了React16+的你，对Portal至少有所了解或者熟练使用。 Portal可以创建一个在你的root元素之外的DOM。 1、通常你的网站只有一个root <body>
<div id="root"></div>
</body> 2、使用Portal之后，可以变成下面这样 <body>
<div id="root"></div>
<div id="p
