Checkbox onChange is called when component is rendered first time with initialValue

Describe the bug Checkbox component’s onChange handler is called when component is rendered for the first time with initialValue In the Galio version before 0.6 it was not the case

To Reproduce Steps to reproduce the behavior:

1. Add Galio Checkbox component in you screen
2. E.g. <Checkbox onChange={() => {alert('OnChangeCalled') this.setState({ termsAccepted: !this.state.termsAccepted })}} initialValue={this.state.termsAccepted} label="I agree with the Terms" />, termsAccepted is boolean property
3. You can see alert message OnChangeCalled even when component is loaded for the first time

Expected behavior When initialValue is set first time onChange handler should not be called

Smartphone (please complete the following information):

• Samsung Galasy S8
• Type of device: simulator
• OS: Android 8
• React-Native version: 0.6
• Expo version: 34

[palingheorghe]

I think the best way of actually solving the problem would be by modifying the component back to a class based component. That way we can have more control over the lifecycle functions.

[matthew-biggins]

Having this problem as well. I see the PR fix. Looking forward to that. I’m just adding my workaround for anyone else experiencing this until the fix is implemented. This allows me to use the Checkbox without it calling onChange when first rendered.

const [testing, setTesting] = useState(0)

function someFunction() { if (testing != 0) { ... } setTesting(1); }

In function render: <Checkbox initialValue={props.value} onChange={someFunction} />