React Native之处理触摸事件


显示一个简单的按钮,下面时示例代码:

import React, {Component} from 'react'

import {
    Button,
    View,
    Alert,
} from 'react-native'

export default class UselessTextInputMultiline extends Component{
    static navigationOptions = {
        // title: 'page 1',
        title: '处理触摸事件',
    };

    render() {
        return (
            <View style={{flex: 1,justifyContent: 'center',alignItems: 'center'}}>
                <Button title={'点我!'} onPress={()=>{Alert.alert("你点击了按钮!")}}/>
            </View>
        );
    }
}

效果图:


有时RN提供的按钮不足以满足我们的要求,我们需要自己来定义。下面是我在GitHub上看到的一些好的demo,有需要可以直接使用,有兴趣的可以去看看别人是实现的。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容