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>

我希望即使视图具有背景色，underlaycolor仍然可以工作。该视图是一个孩子，我认为可触摸的对象是父对象。为什么会这样？

Answer 1

也以rgba格式添加背景色

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

为什么在TouchableHighlight中使用View时不能具有背景色？

1 个答案: