React native 反应本地可触摸高光

当我按下

时，当

组件在内部时，即使我已将

参考底图颜色

道具的不透明度值设置为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>

this.props.navigation.goBack（）}style={{{宽度：50，高度：50，位置：“绝对”，顶部：15，左侧：15，立面：10，zIndex:10}>

---

也许您可以采取不同的方法，使用

touchablepacity

，将

activeOpacity

设置为

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>

this.props.navigation.goBack（）}style={{{宽度：50，高度：50，位置：“绝对”，顶部：15，左侧：15，立面：10，zIndex:10}>

如果我正确理解了您的需求，那么您应该会发现使用

activeOpacity

prop可以实现您的需求。有关

activeOpacity

的详细信息