如何简单地改变触摸的背景颜色反应原生？

Question

在移动应用中，显示用户触摸特定元素的某种指示非常重要，尤其是在尝试触摸将重定向的元素时。因此，我希望在触摸时更改touchableOpacity元素的背景颜色，然后返回原始背景颜色。

例如，如果用户触摸此元素：

触摸后会更改背景颜色。

我如何在touchableOpacity中执行此操作？

<TouchableOpacity 
  style={[styles.verticalCenter, styles.floatRight]} 
  activeOpacity={1.0} 
  underlayColor="rgba(253,138,94,0)" 
  onPress={()=> this.openModal()} 
>
  <Ionicons name="log-out" size={16} color="#bccad0" />
</TouchableOpacity>

floatRight: {
  flex: 1,
  alignItems: 'center',
  borderWidth: 1,
  borderColor: 'rgba(0,0,0,0.2)',
  justifyContent: 'center',
  width: 30,
  height: 30,
  backgroundColor: '#fff',
  borderRadius: 100 / 2,
},

以上情况并不起作用。

任何帮助都将不胜感激。

Answer 1

如果设置activeOpacity={0.2}，它会使背景更亮。当您将不透明度设置为1时，它不会在点击时发生变化。