Почему вид не может иметь цвет фона при использовании в TouchableHighlight?

Question

Я создаю пользовательский компонент и хочу использовать TouchableHighlight с вложенным представлением в нем. TouchableHighlight имеет цвет подложки, но когда я назначаю фоновый цвет для вида, цвет подложки от TouchableHighlight больше не работает.

Если я установлю цвет фона на виде белого, он не будет работать:

<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)'