GarenWang的博客

本组件用于封装视图，使其可以正确响应触摸操作（仅限Android平台）。在Android设备上，这个组件利用原生状态来渲染触摸的反馈。目前它只支持一个单独的View实例作为子节点。在底层实现上，实际会创建一个新的RCTView节点替换当前的子View，并附带一些额外的属性官网例子：renderButton: function() { return ( <Toucha...

RN小白，刚学一个礼拜，项目中需要这个效果，感觉挺好玩，分享出来。话不多说直接上代码～import React, {Component} from 'react'import {Text, Animated, Easing, StyleSheet, View} from 'react-native'class LinePlus extends Component { cons...

RN小白，刚学一个礼拜，项目中需要这个效果，感觉挺好玩，分享出来。话不多说直接上代码～/** * duration: 1400, // 动画执行时间 * delay: 2000, // 动画间隔时间 * easing: Easing.linear, // 缓动函数 * startOpacity: 0, // 动画初始透明度 * endOpa...

做web的时候保存数据常用的是cookie或者localstorage，那在移动端用什么呢？RN提供了AsyncStorage！代码走起：AsyncStorage在RN里自带的，不用npm install，直接引用即可～import { View, Text, StyleSheet, AsyncStorage } from 'react-native';操作就是增删改查，先是增（...

生成二维码经常需要，分享一个插件react-native-qrcode先npm install下，然后引用即可npm install react-native-qrcode --saveimport QRCode from 'react-native-qrcode';一个demo： import React, { Component } from 'react'imp...

有时需要点击上层组件触发下层组件的操作，就要用到事件穿透，之前写web知道pointer-eventspointer-events是CSS3中又一冉冉的属性，其支持的值牛毛般多，不过大多都与SVG相关，我们可以不用理会。当下，对于偶们来讲，与SVG划开界线值得一提的就是[none|auto]两个属性值了。其中”auto”的感觉与width属性的”auto”类似，一般在一些特殊场合露一手，...

直接上代码：class HandIcon extends Component { constructor(props) { super(props); this.state = { offset: new Animated.Value(0), } } componentDidMount() {...