Checkbox - add validation state invoked by validate()

demo/src/screens/componentScreens/CheckboxScreen.tsx

@@ -29,7 +29,7 @@ export default class CheckboxScreen extends Component {
 
   onChangeValidity = (value?: boolean) => {
     this.setState({
-      validationText: value === true ? 'Valid' : 'Not valid',
+      validationText: String(value),
       validationColor: value === true ? Colors.$textSuccess : Colors.$textDangerLight
     });
   };

src/components/checkbox/__tests__/index.spec.tsx

@@ -121,7 +121,8 @@ describe('Checkbox renderer test', () => {
         //eslint-disable-next-line
         new CheckboxDriver({component, testID});
 
-        checkboxRef.current?.validate();
+        //@ts-ignore
+        checkboxRef.current.validate();
 
         expect(onChangeValidity).not.toHaveBeenCalled();
       });

src/components/checkbox/index.tsx

@@ -169,6 +169,9 @@ class Checkbox extends Component<CheckboxProps, CheckboxState> {
 
     if (prevProps.value !== value) {
       this.animateCheckbox(value);
+      if (value !== undefined) {
+        this.setValidation(value);
+      }
     }
   }
 
@@ -195,20 +198,23 @@ class Checkbox extends Component<CheckboxProps, CheckboxState> {
     }).start();
   }
 
+  setValidation(newValue: boolean) {
+    const {required, onChangeValidity} = this.props;
+    if (required) {
+      const error = required && !newValue;
+      this.setState({showError: this.validationState ? error : false, isValid: !error}, () => {
+        onChangeValidity?.(this.state.isValid);
+      });
+    }
+  }
+
   onPress = () => {
-    const {disabled, value, required, onValueChange, onChangeValidity} = this.props;
+    const {disabled, value, onValueChange} = this.props;
 
     if (!disabled) {
       const newValue = !value;
-
       onValueChange?.(newValue);
-
-      if (required) {
-        const error = required && !newValue;
-        this.setState({showError: this.validationState ? error : false, isValid: !error}, () => {
-          onChangeValidity?.(this.state.isValid);
-        });
-      }
+      this.setValidation(newValue);
     }
   };