React Native 之View组件的回调
2017-03-27 16:43
288 查看
/** * Sample React Native App * https://github.com/facebook/react-native * @flow */ import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View } from 'react-native'; export default class ViewProject extends Component { render() { return ( <View style={styles.container} onTouchStart={this._onTouchStart} onTouchMove={this._onTouchMove} onTouchEnd={this._onTouchEnd} > </View> ); } _onTouchMove(event){ console.log("touch move:"+event.timeStamp+",X:"+event.nativeEvent.locationX+",Y:"+event.nativeEvent.locationY); } _onTouchStart(event){ console.log("touch start:"+event.timeStamp+",X:"+event.nativeEvent.locationX+",Y:"+event.nativeEvent.locationY); } _onTouchEnd(event){ console.log("touch end:"+event.timeStamp+",X:"+event.nativeEvent.locationX+",Y:"+event.nativeEvent.locationY); } } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor:"#F5FCFF", } }); AppRegistry.registerComponent('ViewProject', () => ViewProject);
在React Native 开发中,通常在最上层的组件中(render 函数靠后渲染的组件)处理触摸事件,但这三个回调函数总能收到事件,而不管用户当前触摸区域是空白的,还是其它组件以及处理了触摸事件。
相关文章推荐
- android 自定义View组件,重要函数的回调的顺序
- React Native控件之PullToRefreshViewAndroid下拉刷新组件讲解(20)
- 如何在 React Native 实现类微信小程序平台:WebView 调用原生组件
- React Native 学习笔记(八)-- ScrollView & ListView组件
- 【Android 应用开发】 自定义组件 宽高适配方法, 手势监听器操作组件, 回调接口维护策略, 绘制方法分析 -- 基于 WheelView 组件分析自定义组件
- 【Android 应用开发】 自定义组件 宽高适配方法, 手势监听器操作组件, 回调接口维护策略, 绘制方法分析 -- 基于 WheelView 组件分析自定义组件
- 【Android 应用开发】 自定义组件 宽高适配方法, 手势监听器操作组件, 回调接口维护策略, 绘制方法分析 -- 基于 WheelView 组件分析自定义组件
- 布局回调完成后再获取组件高度ViewTreeObserver.addOnGlobalLayoutListener
- 【Android 应用开发】 自定义组件 宽高适配方法, 手势监听器操作组件, 回调接口维护策略, 绘制方法分析 -- 基于 WheelView 组件分析自定义组件
- 【Android 应用开发】 自定义组件 宽高适配方法, 手势监听器操作组件, 回调接口维护策略, 绘制方法分析 -- 基于 WheelView 组件分析自定义组件
- React Native WebView组件实现的BarCode(条形码)、(QRCode)二维码
- react native 中View组件中的ref属性是什么
- React Native 之 View 组件的变形
- React Native学习之调用Android自定义view
- android组件—ProgressBar、seekbar ImageView、TabHost
- Android 系列 6.3选择布局管理器(ViewGroup)和排列组件
- UIPickerView组件的使用之随机点菜系统(一)——利用AutoResizing进行屏幕适配,拖线进行实现
- SurfaceView中添加组件
- iOS学习笔记——iOS组件之UIScrollView详解
- Android的View组件的几大子类