javascript - React-Native-如何为TouchableOpacity组件创建禁用的样式？(React-Native - How to create a disabled style for the TouchableOpacity component?)

Question

How do I apply disabled style for a TouchableOpacity component?(如何为TouchableOpacity组件应用禁用的样式？)

<TouchableOpacity style={styles.buttonWrapper } onPress={this.userLogin.bind(this)} disabled={ !this.state.username || !this.state.password } > <Text style={styles.buttonText}>Login</Text> </TouchableOpacity>   ask by Fermín translate from so

Answer 1

The easiest way is to use the same condition as your disabled prop.(最简单的方法是使用与禁用道具相同的条件。)

Something like this should work :(这样的事情应该工作：) style={!this.state.username || !this.state.password ? styles.disabled : styles.buttonWrapper}