import React from 'react';
import { View, Text, TouchableHighlight, StyleSheet } from 'react-native';

const App = () => {
  const handlePress = () => {
    // 处理触摸事件
    console.log('触摸事件发生！');
  };

  return (
    <View style={styles.container}>
      <TouchableHighlight
        style={styles.touchable}
        underlayColor="#DDDDDD" // 触摸时的背景颜色
        onPress={handlePress}
      >
        <View>
          <Text>高亮触摸</Text>
        </View>
      </TouchableHighlight>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  touchable: {
    backgroundColor: '#CCCCCC',
    padding: 10,
    borderRadius: 5,
  },
});

export default App;

import { TouchableOpacity, TouchableNativeFeedback, Platform } from 'react-native';

// ...

// 使用 TouchableOpacity
<TouchableOpacity onPress={handlePress}>
  <View>
    <Text>高亮触摸</Text>
  </View>
</TouchableOpacity>

// 使用 TouchableNativeFeedback（仅适用于 Android）
{Platform.OS === 'android' && (
  <TouchableNativeFeedback onPress={handlePress}>
    <View>
      <Text>高亮触摸</Text>
    </View>
  </TouchableNativeFeedback>
)}