在 React Native 中，你可以使用 TouchableWithoutFeedback 组件来实现不透明触摸效果，该组件在用户按下时没有视觉反馈。以下是一个简单的例子：
import React from 'react';
import { View, Text, TouchableWithoutFeedback, StyleSheet } from 'react-native';

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

  return (
    <View style={styles.container}>
      <TouchableWithoutFeedback onPress={handlePress}>
        <View style={styles.touchable}>
          <Text>不透明触摸</Text>
        </View>
      </TouchableWithoutFeedback>
    </View>
  );
};

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

export default App;

在这个例子中，我们使用了 TouchableWithoutFeedback 组件，将文本组件包装在其中。与 TouchableHighlight 不同，TouchableWithoutFeedback 不提供触摸时的视觉反馈，但通过 onPress 属性可以添加触摸事件的处理。

你也可以使用 TouchableOpacity 来实现类似的不透明触摸效果，但是它提供了一些默认的透明度变化。
import { TouchableOpacity } from 'react-native';

// ...

<TouchableOpacity onPress={handlePress}>
  <View style={styles.touchable}>
    <Text>不透明触摸</Text>
  </View>
</TouchableOpacity>

选择适合你需求的不透明触摸组件，根据需要定制样式和触摸效果。


转载请注明出处：http://www.zyzy.cn/article/detail/9480/React Native