反应本机可触摸亮点

Question

当我按下<TouchableHighlight />且内部带有<Image/>组件时，即使我将underlayColor道具的不透明度值设置为0，也会出现白色方块。

是什么原因造成的，我该如何解决？

<TouchableHighlight underlayColor="rgba(255,255,255,0)" onPress={() => this.props.navigation.goBack()} style={{width: 50, height: 50, position: "absolute", top:15, left: 15, elevation: 10, zIndex: 10}}>
    <Image
        style={{ width: 50, height: 50,}}
          source={backArrow}
    />
</TouchableHighlight>

Answer 1

也许您可以采用另一种方法，例如将TouchableOpacity设置为activeOpacity的{​​{1}}，就像这样：

0

如果我正确理解您的要求，那么您应该发现<TouchableOpacity activeOpacity={0} onPress={() => this.props.navigation.goBack()} style={{ width: 50, height: 50, position: "absolute", top:15, left: 15, elevation: 10, zIndex: 10}}> <Image style={{ width: 50, height: 50 }} source={backArrow} /> </TouchableOpacity> 道具的这种使用可以达到您想要的目的。有关activeOpacity，see this documentation

的更多信息