I think I see what’s happening. You click the button, and it toggles is_checked, which either checks or unchecks the box. But that ends up triggering an onChange for the checkbox, which also toggles the state… You’ve actually coded an infinite loop. Although, since React batches/debounces setState operations, your code won’t lock your page up. … Read more
If you need a Checkbox with a label then you can use a CheckboxListTile. CheckboxListTile( title: Text(“title text”), // <– label value: checkedValue, onChanged: (newValue) { … }, ) If you want the checkbox on the left of the text then you can set the controlAffinity parameter. CheckboxListTile( title: Text(“title text”), value: checkedValue, onChanged: (newValue) … Read more
The Material Design checkbox has a shape property and you can set CircleBorder() to it and it will be round. Checkbox( checkColor: Colors.white, fillColor: MaterialStateProperty.resolveWith(getColor), value: isChecked, shape: CircleBorder(), onChanged: (bool? value) { setState(() { isChecked = value!; }); }, );
You can add both a checked and click binding to an input. However, you would want to return true; from the click handler. This will allow the default action to proceed (the checkbox will be checked/unchecked). Here is a sample: http://jsfiddle.net/rniemeyer/cnkVA/ An alternative technique is to push this logic into your view model and subscribe … Read more
To get the checked state of your checkbox the path would be: this.refs.complete.state.checked The alternative is to get it from the event passed into the handleChange method: event.target.checked