checkbox_grouped 0.4.5 copy "checkbox_grouped: ^0.4.5" to clipboard
checkbox_grouped: ^0.4.5 copied to clipboard

outdated

flutter widget that grouping checkbox, recuperate the actual selection,support multiple selection

checkbox_grouped #

pub GitHub

* grouping checkbox
* customisable grouped checkbox
* grouping chips
* grouping switch
* recuperate the actual selection
* make multiple selection
* dialogGroupedCheckbox

Getting Started #

Installing #

Add the following to your pubspec.yaml file:

dependencies:
	checkbox_grouped: ^0.4.5

Simple Usage #

Creating a basic SimpleGroupedCheckbox

SimpleGroupedCheckbox<int>(
                key: checkboxKey,
                itemsTitle: ["1" ,"2","4","5"],
                values: [1,2,4,5],
                activeColor: Colors.red,
                checkFirstElement: false,
                multiSelection: false,
              );

Declare GlobalKey to get selection #

GlobalKey<SimpleGroupedCheckboxState<int>> checkboxKey = GlobalKey<SimpleGroupedCheckboxState<int>>();

Get current selection #

checkboxKey.currentState.selection()

enabled items #

checkboxKey.currentState.enabledItems(List<String> items)

disable item #

checkboxKey.currentState.disabledItems(List<String> items)

SimpleGroupedCheckbox

Properties Description
activeColor The color to use when a CheckBox is checked.
itemsTitle (required) A list of strings that describes each checkbox button. Each label must be distinct.
itemsSubTitle A list of strings that describes second Text.
onItemSelected Call when users make selection
disableItems Specifies which item should be disabled. The strings passed to this must match the Titles
preSelection A list of values that you want to be initially selected.
values (required) Values contains in each element.
checkFirstElement make first element in list checked.
multiSelection enable multiple selection.
isCirculaire enable to use circulaire checkbox.
isExpandableTitle enable group checkbox to be expandable .
groupTitle Text title for group checkbox.

Customisable Checkbox Grouped #

Creating a basic CustomGroupedCheckbox

CustomGroupedCheckbox<int>(
        groupTitle: "Custom GroupedCheckbox",
        itemBuilder: (ctx,index,v){
        return Card(
            child: Row(
                children: <Widget>[
                    Expanded(
                        child: Align(
                            alignment: Alignment.centerLeft,
                            child: Text("$index"),
                        ),
                    ),
                    Opacity(
                          opacity: v?1:0,
                          child: Icon(Icons.check,
                            color: Colors.green,
                            size: 24,
                          ),
                     ),
                  ],
               ),
            );
        },
        itemCount: 10,
        values: List<int>.generate(10, (i)=>i),
    ),

Declare GlobalKey to get selection #

GlobalKey<CustomGroupedCheckboxState<int>> _customCheckBoxKey = GlobalKey<CustomGroupedCheckboxState<int>>();

Get current selection #

_customCheckBoxKey.currentState.selection()

CustomGroupedCheckbox

Properties Description
groupTitle widget title for group checkbox.
itemBuilder (required) Called to build children.
values (required) Values contains in each element.
itemCount (required)The total number of children
itemExtent The extent the children are forced to have in the main axis
isMultipleSelection enable multiple selection.

Chip grouped Usage #

Creating a basic SimpleGroupedChips

SimpleGroupedChips<int>(
                key: chipKey,
                values: [1,2,3,4,5,6,7],
                itemTitle: ["1" ,"2","4","5","6","7"],
                backgroundColorItem: Colors.black26,
              );

Declare GlobalKey to get selection #

GlobalKey<SimpleGroupedChipsState<int>> chipKey = GlobalKey<SimpleGroupedChipsState<int>>();

Get current selection #

chipKey.currentState.selection()

SimpleGroupedChip

Properties Description
itemsTitle (required) A list of strings that describes each chip button. Each label must be distinct.
disabledItems Specifies which item should be disabled. The strings passed to this must match the Titles
preSelection A list of values that you want to be initially selected.
values (required) Values contains in each element.
onItemSelected Call when users make selection
backgroundColorItem the background color for each item.
selectedColorItem the background color to use when item is selected.
textColor the color to use for each text of item .
selectedTextColor the color to use for the selected text of item.
selectedIcon the icon to use when item is selected.
isScrolling enable horizontal scrolling.
isMultiple enable multiple selection.

Switch grouped Usage #

Creating a basic SimpleGroupedSwitch

SimpleGroupedSwitch<int>(
                key: chipKey,
                values: [1,2,4,5],
                itemsTitle: ["1 " ,"2 ","4 ","5 ","6","7"],
                isMutlipleSelection: false,
              );

Declare GlobalKey to get selection #

GlobalKey<SimpleGroupedSwitchState<int>> switchKey = GlobalKey<SimpleGroupedSwitchState<int>>();

Get current selection #

switchKey.currentState.selection()

SimpleGroupedSwitch

Properties Description
itemsTitle (required) A list of strings that describes each chip button. Each label must be distinct.
preSelection A list of values that you want to be initially selected.
values (required) Values contains in each element.
disableItems Specifies which item should be disabled. The value passed to this must match the values list
onItemSelected Call when users make selection
isMutlipleSelection enable multiple selection.

showDialogGroupedCheckbox #

display groupedCheckbox inside dialog return values selected

Creating a basic showDialogGroupedCheckbox

 showDialogGroupedCheckbox(
                    context: context,
                    cancelDialogText: "cancel",
                    isMultiSelection: true,
                    itemsTitle: List.generate(15, (index) => "$index"),
                    submitDialogText: "select",
                    dialogTitle:Text("example dialog") ,
                    values: List.generate(15, (index) => index)
                  );

showDialogGroupedCheckbox

Properties Description
dialogTitle (required) Text Widget that describe Title of dialog.
itemsTitle (required) Values contains in each element.
values (required) list of values.
initialSelectedValues list of initial values that you want to be selected.
isDismissible enable multiple selection.
cancelDialogText (string) label for cancelButton.
submitDialogText (string) label for submitButton.
isMultiSelection enable multiple selection.
41
likes
0
pub points
93%
popularity

Publisher

unverified uploader

flutter widget that grouping checkbox, recuperate the actual selection,support multiple selection

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

auto_size_text, flare_flutter, flutter

More

Packages that depend on checkbox_grouped