React-Native - 用於TouchableOpacity的禁用樣式

Question

對於TouchableOpacity組件，我應該使用禁用樣式嗎？

<TouchableOpacity style={styles.buttonWrapper } 
        onPress={this.userLogin.bind(this)} 
        disabled={ !this.state.username || !this.state.password }> 
       <Text style={styles.buttonText}> Login </Text> 
</TouchableOpacity> 

Answer 1

最簡單的方法是使用與禁用的道具相同的條件。

像這樣的東西應該工作：

style={!this.state.username || !this.state.password ? styles.disabled : styles.buttonWrapper}