
RN
文章平均质量分 80
Ansel_m
阿里天猫
展开
-
RN 多行换行布局
import React, { Component } from 'react';import { AppRegistry, StyleSheet, Text, View} from 'react-native';export default class TFlex extends Component { render() { return ( V原创 2016-10-12 23:00:26 · 5513 阅读 · 0 评论 -
Talk about ReactNative Image Component
相关系列文章ReactNative iOS源码解析(一)ReactNative iOS源码解析(二)Talk about ReactNative Image Component最近好像唠叨了好多RN的东西╮(╯_╰)╭,唠叨的我都觉得有点贫,就当随手记笔记吧关于ReactNative的Image组件,我一直很好奇他内部具体的工作过程,这里面有很多有意思的东西,毕转载 2016-10-20 15:56:04 · 929 阅读 · 0 评论 -
ReactNative iOS源码解析(二)
相关系列文章ReactNative iOS源码解析(一)ReactNative iOS源码解析(二)Talk about ReactNative Image Component上一篇了解了 ReactNative是如何初始化一整套JS/OC通信机制,是如何相互通信的。通篇在讲JS/OC的通信的源代码流程,解释了为什么JS可以调用OC,为什么OC可以调用JS,这相互之间的通信转载 2016-10-20 15:54:56 · 1123 阅读 · 0 评论 -
ReactNative iOS源码解析(一)
相关系列文章ReactNative iOS源码解析(一)ReactNative iOS源码解析(二)Talk about ReactNative Image Component本篇前两部分内容简单介绍一下ReactNative,后面的章节会把整个RN框架的iOS部分,进行代码层面的一一梳理全文是不是有点太长了,我要不要分拆成几篇文章函数栈代码流程图,由于转载 2016-10-20 15:53:58 · 1892 阅读 · 0 评论 -
React Native 新版 native call js的方法
1. 集成RCTEventEmitter @interface CustomEventEmitter :RCTEventEmitter@end#import "CustomEventEmitter.h"@implementation CustomEventEmitterRCT_EXPORT_MODULE(CustomEventEmi原创 2016-10-20 10:54:05 · 3457 阅读 · 1 评论 -
React Native 从入门到原理
React Native 是最近非常火的一个话题,介绍如何利用 React Native 进行开发的文章和书籍多如牛毛,但面向入门水平并介绍它工作原理的文章却寥寥无几。本文分为两个部分:上半部分用通俗的语言解释了相关的名词,重点介绍 React Native 出现的背景和试图解决的问题。适合新手对 React Native 形成初步了解。(事实证明,女票能看懂这段)下半部分则通转载 2016-10-19 09:55:03 · 311 阅读 · 0 评论 -
Reflux 简单使用
用Reflux来做计数器 首先需要在项目的目录下执行 npm install -save reflux代码如下/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, {Component} from 'react';import {原创 2016-10-13 18:01:18 · 974 阅读 · 0 评论 -
Reflux:基于React的应用架构
React的设计目的是管理视图层,所以对于大型应用来说,我们还需要数据层面的复用。所以 facebook设计了flux架构,并官方发布了dispather.js, 但是这个使用起来比较复杂,于是网友开发了更加简单的版本:reflux.reflux将应用程序划分成3个部分:actions 动作。 程序的应用行为,例如条目的“添加”、“修改”。这些动作应该有视图组件交互触发,并且 发布转载 2016-10-13 15:20:34 · 1466 阅读 · 0 评论 -
ReFlux细说
ReFlux细说Flux作为一种应用架构(application architecture)或是设计模式(pattern),阐述的是单向数据流(a unidirectional data flow)的思想,并不是一个框架(framework)或者库(library)。前言在细说Flux之前,还是得提一下React ,毕竟Flux这个名字,是因为它才逐渐进入到转载 2016-10-13 14:37:54 · 458 阅读 · 0 评论 -
RN ListView 列表
cell.jsimport React, {Component} from "react";import { View, StyleSheet, Dimensions,} from "react-native"const {height, width} = Dimensions.get('window')export default class原创 2016-10-13 11:53:08 · 1633 阅读 · 0 评论 -
React/React Native 的ES5 ES6写法对照表
很多React/React Native的初学者都被ES6的问题迷惑:各路大神都建议我们直接学习ES6的语法(class Foo extends React.Component),然而网上搜到的很多教程和例子都是ES5版本的,所以很多人在学习的时候连照猫画虎都不知道怎么做。今天在此整理了一些ES5和ES6的写法对照表,希望大家以后读到ES5的代码,也能通过对照,在ES6下实现相同的功能。转载 2017-06-12 14:59:12 · 248 阅读 · 0 评论