無法在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