无法在TouchableOpacity上设置禁用的不透明度

Question

我正在尝试添加禁用按钮功能的功能。我希望按钮不可点击，并且透明度较低。当我点击按钮时，我在外部组件中设置了该状态，该按钮应该被禁用（这是在等待来自服务器的响应时）。不可点击的部分工作，但我不能让它在点击后降低其不透明度。

组件

<MyButton onPress={ this.setWaiting.bind(this) } 
      disabled={ this.state.waiting } /> 

myButton的

const disabledStyle = { 
    opacity: 0.2, 
} 

.... 

<TouchableOpacity 
    style={ [styles.button, props.disabled && disabledStyle] } 
    onPress={ onPress } 
    disabled={ props.disabled }> 
     .... 
</TouchableOpacity> 

如果我改变disabledStyle到，虽然设置另一个背景颜色，它按预期工作，并改变背景颜色，而disabled是真实的。

Answer 1

我想你可能没有使用你想要做的最好的组件。 TouchableOpacity似乎是帮助新闻界黯淡儿童的帮手组件。

你可以尝试documented setOpacityTo() method，看看是否让你你想要去的，但我想你真正想要的是TouchableHighlight