/** * 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+",Y:"+event.nativeEvent.locationY); } _onTouchEnd(event){ console.log("touch end:"+event.timeStamp+",Y:"+event.nativeEvent.locationY); } } const styles = StyleSheet.create({ container: { flex: 1,backgroundColor:"#F5FCFF",} }); AppRegistry.registerComponent('ViewProject',() => ViewProject);
在React Native 开发中,通常在最上层的组件中(render 函数靠后渲染的组件)处理触摸事件,但这三个回调函数总能收到事件,而不管用户当前触摸区域是空白的,还是其它组件以及处理了触摸事件。
原文地址:https://www.jb51.cc/react/304464.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。