为什么TouchableHighlight从按下/底色开始？

Question

TouchableHighlight按钮在启动时显示为underlayColor（按下）。我必须按一下使其具有背景色。

export default function ProductButton(props) {
  return (
      <TouchableHighlight
        underlayColor="#555"
        onPress={() => { 
            alert('Test');
        }}>
        <Text>
            Hello
        </Text>
      </TouchableHighlight>
  );
}

Answer 1

尝试像这样添加underlayColor = 'none'，以使触摸时没有颜色。

 <TouchableHighlight
 underlayColor='none'
    onPress={() => {
        alert('Test');
    }}>
    <Text>
        Hello
    </Text>
  </TouchableHighlight>

，或者您也可以像这样使用 TouchableOpacity ：

    <TouchableOpacity
    onPress={() => {
        alert('Test');
    }}>
    <Text>
        Hello
    </Text>
  </TouchableOpacity>

Answer 2

我遇到了同样的问题。 原来我是从'react-native-gesture-handler'而不是'react-native'导入TouchableHighlight的。 请检查导入。