Scribd
Upload
15 views

Check Box

Uploaded by

ismailovich1904
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
15 views

Check Box

Uploaded by

ismailovich1904
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

CheckBox

In Flutter, the Checkbox widget is a fundamental building block used to create single-selectable
options. It allows users to toggle between a checked and unchecked state, typically representing a
binary choice (yes/no, true/false).expand_more Here's a detailed breakdown of its functionalities and
customization options:
Key Characteristics:
• Visual Representation: Displays a square checkbox with a checkmark when selected and an
empty box when deselected.
• Boolean Value: Holds a boolean value (true or false) representing the checkbox's
state.expand_more
• User Interaction: Users can tap on the checkbox to toggle its state.
Basic Usage:
The Checkbox widget requires two main properties:
• value: A boolean value representing the current state of the checkbox (checked or
unchecked).expand_more
• onChanged: A callback function that gets called whenever the user taps on the checkbox and its
state changes.expand_more This function typically updates the underlying data or performs
other actions based on the new state.exclamation
Example:

bool _isChecked = false; // Initial state


Checkbox(
value: _isChecked,
onChanged: (newValue) {
setState(() {
_isChecked = newValue;
});
},
),
In this example, we create a Checkbox with an initial unchecked state (_isChecked = false). The
onChanged callback updates the internal state variable (_isChecked) whenever the user taps the
checkbox.
Customization Options:
• activeColor: The color of the checkbox mark when checked.exclamation Defaults to the theme's
primaryColor.
• checkColor: The color of the checkmark itself.exclamation Defaults to white.
• tristate: Set to true to allow the checkbox to have a third state (null) where it displays a dash
instead of a checkmark.
• materialTapTargetSize: Controls the tap target size of the checkbox (consider using
MaterialTapTargetSize.shrinkWrap for smaller checkboxes).
Advanced Use Cases:
• Grouping Checkboxes: Use a CheckboxListTile widget for checkboxes with labels, often used in
list-like scenarios.
• Conditional Rendering: Conditionally show/hide other UI elements based on the checkbox state.
• Form Validation: Integrate checkbox state validation within forms to ensure required selections
are made.

Flutter Page 1

You might also like