React-Native – TouchableOpacity的禁用样式

发布时间：2020-12-15 20:48:21 所属栏目：百科来源：网络整理

导读：我可以为TouchableOpacity组件应用禁用样式吗？ TouchableOpacity style={styles.buttonWrapper } onPress={this.userLogin.bind(this)} disabled={ !this.state.username || !this.state.password } Text style={styles.buttonText} Login /Text /Touchable

我可以为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}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!