文档参见:react-native中文网 一、创建自己的View public class ReactMaterialView extends View { /** * 文本 */ private String mTitleText; /** * 文本的颜色 */ private String mTitleTextColor="#ff0000"; /** *

react组件的分类：展示型组件和容器型组件 简单理解来说，容器型组件是一个页面容器，用来放置当前页面的所有展示型组件 展示型组件是具体到某一个小的组件模块，比如一个按钮，一个卡片，一个进度条等，我们在用react做组件化开发的时候，先定义好一个个小的展示型组件，然后把这些组件都导入容器型组件，最终组合成一个完整的页面。 记得看到某个社区有人问到展示型组件能不能嵌套容器型组件，我认为可以，比如有这

背景 React内部分别使用了props, state来区分组件的属性和状态。props用来定义组件外部传进来的属性, 属于那种经过外部定义之后, 组件内部就无法改变。而state维持组件内部的状态更新和变化, 组件渲染出来后响应用户的一些操作,更新组件的一些状态。如果组件内部状态不需要更新,即没有调用过this.setState, 全部通过props来渲染也是没问题的, 不过这种情况不常见。本文

在写Redux的时候我们就了解了 如果使用Redux的话配合React是最好的 Dan Abramov为此还特意封装了一个react-redux库来提供便利 概念 一旦我们选择使用了这个react-redux库 那么我们的组件概念就要加以区分了 从现在起我们的组件分为展示组件和容器组件两种 （参考了通俗易懂的阮大神博客） 展示组件 展示组件（presentational component） 也叫

react-native-store //本地数据库 react-native-swiper //幻灯片 react-timer-mixin //定时器 react-native-router //路由 react-native-side-menu //侧边栏 react-native-parallax-view //滚动拉升图片 react-native-segmented-view //tab

这是项目实战开发课程，内容包括需求分析、开发过程的思路到最终代码实现。采用 React 和 Webpack 技术进行开发和编译，所以要求学员最好对 React 有一定的了解，当然即便没接触过，也可以听懂，需要记课堂笔记和课后提问。 知识是可以学习到的，通过查看 API 文档，但这是死的，通过实战课程，可以让知识活用起来，并对各种知识有更深的理解，提升了开发经验。一切从实战出发，才能在实战中战无不胜

我的博客原文地址 在React Native开发过程中，有时我们想要使用原生的一个UI组件或者是JS比较难以实现的动画效果时，我们可以在React Naitve应用程序中封装和植入已有的原生组件。 比如开源项目Lottie在Android上能够非常简单的实现一些复杂的动画效果，如果我们想在JS中也实现这样的效果呢？很简单，我们可以自己构建一个原生UI组件。 接下来就以此为例来进行介绍。Lottie

Python部落(python.freelycode.com)组织翻译，禁止转载，欢迎转发。     在这篇短文中，您将有机会可以了解什么是受控组件，以及它们的益处。     假设组件有一个输入字段的值依赖于组件的状态。组件的默认值从它状态中获取。然后我们还将实现一个按钮来清除名称。此按钮将链接到一个事件处理程序，并将state.name属性设置为空字符串。     注意这里注册的onClick回

原文链接 前言 React 的开发也已经有2年时间了，先从QQ的家校群，转成做互动直播，主要是花样直播这一块。切换过来的时候，业务非常繁忙，接手过来的业务比较凌乱，也没有任何组件复用可言。 为了提高开发效率，去年10月份也开始有意识地私下封装一些组件，并且于今年年初在项目组里发起了百日效率提升计划，其中就包含组件化开发这一块。 本文并不是要谈如何去写一个 React 组件，这一块已经有不少精彩的文

React Native没有像Web开发那样可以给元素(组件)绑定click事件。React Native提供了3个组件来做这件事。这3个组件称为“Touchable类组件”. 1、TouchableHighlight:高亮触摸，用户点击时，会产生高亮效果. 2、TouchableOpacity:透明触摸。用户点击时，点击的组件会出现透明过度效果。 3、TouchableWithoutFeedba

React 的开发也已经有2年时间了，先从QQ的家校群，转成做互动直播，主要是花样直播这一块。切换过来的时候，业务非常繁忙，接手过来的业务比较凌乱，也没有任何组件复用可言。 为了提高开发效率，去年10月份也开始有意识地私下封装一些组件，并且于今年年初在项目组里发起了百日效率提升计划，其中就包含组件化开发这一块。 本文并不是要谈如何去写一个 React 组件，这一块已经有不少精彩的文章。本文关键词是

表单组件支持几个受用户交互影响的属性： value，用于<input>,<textarea> 组件。 checked，用于类型为checkbox或者radio的 <input>组件。 selected，用于<option>组件。 设置了 value 的 <input> 是一个受限组件。 对于受限的 <input>，渲染出来的 HTML 元素始终保持 value 属性的值。 一个可控组件并不保持自己

前言 3月13号，今日早读文章由腾讯@heyli授权分享。 正文从这开始~ React 的开发也已经有2年时间了，先从QQ的家校群，转成做互动直播，主要是花样直播这一块。切换过来的时候，业务非常繁忙，接手过来的业务比较凌乱，也没有任何组件复用可言。 为了提高开发效率，去年10月份也开始有意识地私下封装一些组件，并且于今年年初在项目组里发起了百日效率提升计划，其中就包含组件化开发这一块。 本文并不是

在之前的一篇文章中，我记录了已有的Android项目如何接入React Native，介绍了RN如何调用原生的方法，本篇文章上在之前的一篇的文章的基础上续写的，这一篇文章中我将记录Android如何封装原生组件，然后RN来使用它。如果对接入RN还不太了解的，可以看看我的另一篇文章 Android原生项目接入React Native 其实，如果Android接入RN已经搞好了，这个就不难弄了，都是类

react-pullLoad React 版本的 pullLoad 下拉更新 上拉加载更多 组件 pullLoad 非 react 版本，支持 require.js 模块化调用 示例 demo1 document.body 作为容器 demo2 ReactPullLoad 根节点 DOM 作为容器 demo3 document.body 作为容器 且自定义刷新和加载更多 UI 组件 当前版本 1.

表单是前端非常重要的一块内容，并且往往包含了错误校验等逻辑。 React对表单元素做了专门的优化处理，他对表单元素做了一些抽象，使得他们的使用方式更统一更规范。 约束性和非约束性组件 表单里面出来了一个新的概念叫“约束性组件”。那么如何理解约束性组件和非约束性组件呢。 约束性组件，简单的说，就是由React管理了它的value，而非约束性组件的value就是原生的DOM管理的。 他们的写法上也有很

1.加载网络图片 render() { return ( <View style={styles.container} > <Image source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}} style={{width: 400, height: 400}

import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Image, Text, TouchableHighlight, TextInput, StatusBar, View } from 'react-native'; export default class Vi

组件 1.ActivityIndicator 显示一个圆形的loading提示符号。 属性： (1)animating(bool): 是否要显示指示器，默认为true，表示显示; (2)color(string): 滚轮的前景颜色; (3)(ios)hidesWhenStopped(bool): 在没有动画的时候，是否要隐藏指示器(默认为true); (4)size(enum('small', '

react-bits 原文 无状态函数是一种很有用的定义高可复用组件的方法。 他们不拥有状态，只是函数。 使用函数的优点是视图和逻辑的分离，由于没有内部的状态处理和逻辑，视图和逻辑的分离更为彻底。 无状态函数组件因为没有状态和生命周期函数，性能得以提升，react团队在未来的版本将会避免无意义的检查和内存分配 import {PropTypes, ContextTypes} from "react