javascript - 在 React Native 上调节按钮

Question

我有一个按钮，只有在之前的验证为真时才能执行操作，但老实说我不知道​​该怎么做；我所做的事情真的很困惑，所以我相信应该有一个正确的方法来做这件事。

这就是我尝试过的方法。我正在使用钩子(Hook):

<View style={styles.buttonContainer2}>
          <TouchableOpacity 
            style={ styles.logout}  
            onPress={
              if( vValidCellphone == true{
                () => onSubmit({
                  vSecondLastName, vCellphone, vBirthDate, vRFC, vGender, vEmail,vCreationUser
                })
              })}>  
          <Text style={styles.loginText}>GUARDAR</Text>
          </TouchableOpacity>

Answer 1

您可以使用名为 disabled 的可触摸不透明度 Prop 。将其设置为 true 以禁用 onclick 操作，如下所示:

<TouchableOpacity 
            style={ styles.logout}  
         disabled={!vValidCellphone} 
            onPress={() => onSubmit({
                  vSecondLastName, vCellphone, vBirthDate, vRFC, vGender, vEmail,vCreationUser
             })}>  
          <Text style={styles.loginText}>GUARDAR</Text
</TouchableOpacity>

此外，您可以根据禁用条件为按钮设置样式，例如禁用。