为什么视图在TouchableHighlight中使用时不能有背景颜色？

Question

我正在创建一个自定义组件，并希望使用其中包含嵌套视图的TouchableHighlight。TouchableHighlight有一个底色，但是当我给视图分配一个背景色时，来自TouchableHighlight的底色不再起作用。

如果我将视图中的backgroundcolor设置为白色，它将不起作用：

<TouchableHighlight 
    style={{flex:1}} 
    underlayColor='rgba(0, 0, 0, 1)'
    onPress={this._changeHeight}>
      <View style={{flex:1, backgroundColor:'white'}}>
          <Text>Thats a test</Text>
      </View>      
</TouchableHighlight>

但是如果我这样做，在视图中没有背景颜色，它将会工作：

<TouchableHighlight 
    style={{flex:1}} 
    underlayColor='rgba(0, 0, 0, 1)'
    onPress={this._changeHeight}>
      <View style={{flex:1}}>
          <Text>Thats a test</Text>
      </View>      
</TouchableHighlight>

我期望底色仍然可以工作，即使一个视图有一个背景颜色。视图是一个子级，而我认为可触摸的是父级。为什么会这样呢？

Answer 1

也以rgba格式添加背景颜色

backgroundColor:'rgba(255, 255, 255, 0)'