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}