TouchableHighlight 可点击元素

API#

TouchableHighlight 定义简单的 touch 事件。使用 TouchableHighlight 我们不用担心复杂的视图结构，也就是说我们不必再担心类似以前 tap 点击穿透这样的问题了。

TouchableHighlight#

属性	说明	类型	默认值
onPress	点击事件	event	无

代码演示

预览二维码


/** @jsx createElement */
import {createElement, Component} from 'weex-rx';
import { View, Text, TouchableHighlight } from 'nuke-components';
import {mount} from 'nuke-mounter';


let App = class NukeDemoIndex extends Component {
    constructor() {
        super();
    }
    press(e){
        console.log('hi')
    }
    render() {
        return (
            <TouchableHighlight onPress={this.press.bind(this)}>
                <View style={{backgroundColor:'#EB7E10',height:'30rem',justifyContent:'center',alignItems:'center'}}>
                    <Text style={{color:'#ffffff'}}>摸我</Text>

                </View>
            </TouchableHighlight>
        )
    }
}

mount(<App/>, mountNode);

按钮类型

text

按钮类型

按钮类型