React-Native – TouchableOpacity的禁用样式

前端之家收集整理的这篇文章主要介绍了React-Native – TouchableOpacity的禁用样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我可以为TouchableOpacity组件应用禁用样式吗?
<TouchableOpacity style={styles.buttonWrapper } 
                  onPress={this.userLogin.bind(this)}
                  disabled={ !this.state.username || !this.state.password }>
                <Text style={styles.buttonText}> Login </Text>
 </TouchableOpacity>
最简单的方法是使用与禁用道具相同的条件.

像这样的东西应该工作:

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

猜你在找的React相关文章