下载此文档

Touchable系列组件使用详解.doc


文档分类:IT计算机 | 页数:约7页 举报非法文档有奖
1/7
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/7 下载此文档
文档列表 文档介绍
在做App开发过程中离不了的需要用户交互,说到交互,我们首先会想到的就是按钮了,在ReactNative中没有专门的按钮组件。为了能让视图能够响应用的的点击事件,我们需要借助Touchablexxx组件,来包裹我们的视图。为什么说是Touchablexxx呢,因为它不只是一个组件,而是一组组件,一下四个组件都可以用来包裹视图来响应用户的点击事件。TouchableWithoutFeedback:响应用户的点击事件,如果你想在处理点击事件的同时不显示任何视觉反馈,使用它是个不错的选择。TouchableHighlight:在TouchableWithoutFeedback的基础上添加了当按下时背景会变暗的效果。TouchableOpacity:相比TouchableHighlight在按下去会使背景变暗的效果,TouchableOpacity会在用户手指按下时降低按钮的透明度,而不会改变背景的颜色。TouchableNativeFeedback:在Android上还可以使用TouchableNativeFeedback,它会在用户手指按下时形成类似水波纹的视觉效果。注意,此组件只支持Android。心得:以上四个组件,其中TouchableHighlight、TouchableOpacity以及TouchableNativeFeedback都是在TouchableWithoutFeedback的基础上做了一些扩展,我们从它们的源码中可以看出:TouchableHighlight:varTouchableHighlight=({propTypes:{...,TouchableOpacity:varTouchableOpacity=({mixins:[TimerMixin,,NativeMethodsMixin],propTypes:{...,TouchableNativeFeedback:varTouchableNativeFeedback=({propTypes:{...,因为TouchableWithoutFeedback有其它三个组件的共同属性,所以我们先来学****一下TouchableWithoutFeedback。TouchableWithoutFeedback使用详解TouchableWithoutFeedback一个Touchable系列组件中最基本的一个组价,只响应用户的点击事件不会做任何UI上的改变,在使用的过程中需要特别留意。提示:无论是TouchableWithoutFeedback还是其他三种Touchable组件,都是在根节点都是只支持一个组件,如果你需要多个组件同时相应单击事件,可以用一个View将它们包裹着,它的这种根节点只支持一个组件的特性和ScrollView很类似。接下来让我们来看一下,TouchableWithoutFeedback有哪些常用的属性:TouchableWithoutFeedb

Touchable系列组件使用详解 来自淘豆网www.taodocs.com转载请标明出处.

相关文档 更多>>
非法内容举报中心
文档信息
  • 页数7
  • 收藏数0 收藏
  • 顶次数0
  • 上传人zgs35866
  • 文件大小37 KB
  • 时间2019-05-18