chq497130800的专栏

手势识别在移动设备上比在网络上要复杂得多。当应用程序确定用户的意图时，一个触摸可能要经历几个阶段。 例如，应用程序需要确定触摸是否是滚动，滑动部件还是轻击，地图上的缩放。这甚至可以在触摸期间发生改变，也可以有多个同时触摸。 要想使组件在没有任何额外的关于它们的父组件或子组件的认知的情况下处理这些触摸交互，需要触摸应答系统。这个系统在ResponderEventPlugin.js 中实现了，

版权声明：以上内容均来自杏树林每周分享，希望通过分享向更广大的技术人员展示杏树林热爱工作、热爱技术的一面，并与大家一起成长。如果有问题，可以通过QQ群杏树林开放空间（246078103）与技术人员进行交流，本文为博主原创文章，未经博主允许不得转载。最近在关注React Native（以下简称RN），对于这个融合了js & iOS & Android的新物种，尝试和它近距离接触的过程中，发现与单独调

react-native 布局1 flex布局基本概念flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。采用flex布局的元素，称为flex容器（flex Container），简称"容器"。它的所有子元素自动成为容器成员，称为flex项目（flex item），简称"项目"。如下图所示：容器默认存在两根轴：主轴（m

说在前面 使用的WebStorm版本是2017.1.1. 一. 创建React Native项目 1.File->New->Project  2.在New Project窗口中选择react Native, 并根据情况, 修改项目路径和项目名称(我这里将untitled改为我的新项目ReactNativeDemo), 修改完成后, 点击create 随

注意！从RN 0.43版本开始，官方将停止维护Navigator，建议大家迁移到新的react-navigation库（文档地址需翻墙）。新的导航库无论从性能还是易用性上都要大大好于老的Navigator！下面是一个简单的例子，用Navigator来跳转页面，页面之间传递参数 (代码是ES6语法写的): import React from 'react';

本文主要介绍：react-native项目如何编写插件参考文档：1.原生模块：http://reactnative.cn/docs/0.47/native-modules-android.html#content2.原生UI组件：http://reactnative.cn/docs/0.47/native-component-android.html#content1.创建

flex 有三个属性值，分别是 flex-grow， flex-shrink， flex-basis，默认值是 0 1 auto。 发现网上详细介绍他们的文章比较少， 今天就详细说说他们，先一个一个看。flex-grow定义项目的放大比例，默认值为0，就算存在剩余空间，也不会放大。单单几句话肯定不能表达出意思，来看个DEMO。flex-growflex-grow