React Native控件之Touchable系列组件详解18(6/7)

本篇文章主要介绍了"React Native控件之Touchable系列组件详解18"，主要涉及到方面的内容，对于移动开发感兴趣的同学可以参考一下： 转载请标明出处：http://blog.csdn.net/developer_jiangqq/article/details/50630984本文出自:【江清清...

            该封装了可以进行响应触摸事件的组件(仅限Android平台)。在Android平台上面该该组件可以使用原生平台的状态资源来显示触摸状态变化。【特别注意】现如今该组件只是支持仅有一个View的子视图实例(作为子节点)。在底层实现上面实际上面是创建一个新的RCTView的节点来进行替换当前的View节点视图，并且可以携带一些附加的属性。

           该组件触摸反馈的背景图资源可以通过background属性进行自定义设置

下面一个很简单的使用实例方法如下:

var TouchableDemo =React.createClass({
  render() {
    return (
      
        
           TouchableNativeFeedback实例
        
        
            
               Button
             
        
      
    );
  }
});

运行效果如下:

          5.2.属性方法介绍

• TouchableWithoutFeedback的属性，这边TouchableNativeFeedback组件全部可以进行使用
• background  backgroundPropType  该用来设置背景资源的类型，该属性会传入一个type属性和依赖的额外资源的data的对象。官方推荐采用如下的静态方法来进行生成该dictionary对象

①:TouchableNativeFeedback.SelectableBackground()   该会创建使用android默认主题背景(?android:attr/selectableItemBackground)

②:TouchableNativeFeedback.SelectableBackgroundBorderless()  该会创建使用android默认的无框的主题背景(?android:attr/selectableItemBackgroundBorderless)。不过该参数需要Android API 21+才可以使用

③:TouchableNativeFeedback.Ripple(color,borderless)  该会创建当组件被按下的时候有一个水滴的效果.通过color参数指定颜色，如果borderless为true的时候，那么该水滴效果会渲染到该组件视图的外边。同样该背景类型参数也需要Android API 21+才可以使用

5.3.使用实例代码:

①:首先设置backgroundPropType为默认的背景效果代码: