事件

更新时间:2017/08/21 访问次数:4783

onPress 点击事件

当组件上发生点击手势时被触发。

事件对象:

  • type: click
  • target: 触发点击事件的目标组件
  • timestamp: 触发点击事件时的时间戳
<Button onPress={(e) => console.log(e)} type="primary"> onPress 事件</Button>

onLongPress 长按事件

注意:onLongPress h5 暂不支持

当用户长按某个组件时,该事件将会被触发,ViewTouchableButton 等容器级组件具备

事件对象:

  • type : longpress
  • target : 触发长按事件的目标组件
  • timestamp : 长按事件触发时的时间戳
<Button onLongpress={(e) => console.log(e)} type="primary"> onPress 事件</Button>

onAppear

如果一个在可滚动区域内的组件在屏幕上可见时,该事件将被触发,与 onDisappear 事件交替触发(在页面内可被多次触发)。

事件对象:

  • type : appear
  • target : 触发 Appear 事件的组件对象
  • timestamp : 事件被触发时的时间戳
  • direction : 触发事件时屏幕的滚动方向,up 或 down
<View onAppear={(e) => console.log(e)}></View>

onDisappear

如果一个在可滚动区域内的组件滑出屏幕变为不可见状态时,该事件将被触发,与 onAppear 事件交替触发(在页面内可被多次触发)。

事件对象:

  • type : disappear
  • target : 触发 Disappear 事件的组件对象
  • timestamp : 事件被触发时的时间戳
  • direction : 触发事件时屏幕的滚动方向,up 或 down
<View onDisappear ={(e) => console.log(e)}></View>

onScroll

ScrollView 在滚动时触发。

事件对象:

  • type : scroll
  • target : 触发 Scroll 事件的组件对象
  • timestamp : 事件被触发时的时间戳
  • contentOffset : 内容区位移 {x: 0, y: -100}
  • contentSize : 内容区域尺寸 { height:1320.048, width:750}
<ScrollView onScroll ={(e) => console.log(e)}></ScrollView>

onLoad

Image 组件完成加载时触发。

事件对象:

  • type : load
  • target : 触发 Load 事件的组件对象
  • timestamp : 事件被触发时的时间戳
  • success : 图片是否加载成功
  • size : 图片实际尺寸 { naturalWidth:520, naturalHeight:280}
<Image source={{uri:'http://img.alicdn.com/tps/TB1SrmcOVXXXXXFXpXXXXXXXXXX-520-280.jpg'}} onLoad ={(e) => console.log(e)}></Image>

onInput, onFocus, onBlur, onChange 等输入事件

Input 组件文档

onChange

Slider 组件文档

onValueChange

Switch 组件文档

FAQ

关于此文档暂时还没有FAQ
返回
顶部