React Native触摸事件处理指南

import React, { Component } from 'react';
import { Text, View, TouchableOpacity } from 'react-native';
 
export default class TouchableExample extends Component {
  _onPressButton() {
    // 处理按钮点击事件
    console.log('按钮被点击了!');
  }
 
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <TouchableOpacity onPress={this._onPressButton}>
          <Text>点我!</Text>
        </TouchableOpacity>
      </View>
    );
  }
}

这段代码展示了如何在React Native应用中创建一个可点击的组件。TouchableOpacity是一个允许用户 touch 操作的组件，它在内部处理触摸反馈，比如点击时的透明度变化。onPress属性用于定义一个函数，该函数在组件被触摸并按下时被调用。在这个例子中，当按钮被点击时，控制台会输出一条信息。