checkbox_grouped 0.3.1+1 copy "checkbox_grouped: ^0.3.1+1" to clipboard
checkbox_grouped: ^0.3.1+1 copied to clipboard

outdated

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

example/lib/main.dart

import 'package:checkbox_grouped/checkbox_grouped.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _MyAppState();
  }
}

class _MyAppState extends State<MyApp> {
  GlobalKey<SimpleGroupedCheckboxState<int>> checkboxKey,
      circulairekey,
      mutlicheckboxKey;
  GlobalKey<SimpleGroupedChipsState<int>> mutliChipsKey;

  @override
  void initState() {
    super.initState();
    checkboxKey = GlobalKey<SimpleGroupedCheckboxState<int>>();
    circulairekey = GlobalKey<SimpleGroupedCheckboxState<int>>();
    mutlicheckboxKey = GlobalKey<SimpleGroupedCheckboxState<int>>();
    mutliChipsKey = GlobalKey<SimpleGroupedChipsState<int>>();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        primaryColor: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text("SingleGroupedCheckbox"),
        ),
        body: SingleChildScrollView(
          child: Column(
            mainAxisSize: MainAxisSize.max,
            children: <Widget>[
              Text("Basic"),
              SimpleGroupedCheckbox<int>(
                key: checkboxKey,
                onItemSelected: (data){
                  print(data);
                  if(data==1){
                    checkboxKey.currentState.disabledItems(["5"]);
                  }else if(data==4){
                    checkboxKey.currentState.enabledItems(["5","2"]);
                    checkboxKey.currentState.disabledItems(["1"]);
                  }else if(data == 2 ){
                    checkboxKey.currentState.enabledItems(["1"]);
                  }
                },
                disableItems: ["5"],
                itemsTitle: ["1", "2", "4", "5"],
                values: [1, 2, 4, 5],
                activeColor: Colors.red,
                direction: Direction.Horizontal,
                checkFirstElement: false,
                multiSelection: false,
              ),
              Text("Circulaire Checkbox"),
              SimpleGroupedCheckbox<int>(
                key: circulairekey,
                itemsTitle: ["1 ", "2 ", "4 ", "5 "],
                values: [1, 2, 4, 5],
                direction: Direction.Horizontal,
                isCirculaire: true,
                activeColor: Colors.blue,
                isLeading: true,
                checkFirstElement: false,
                multiSelection: false,
              ),
              SimpleGroupedCheckbox<int>(
                key: mutlicheckboxKey,
                itemsTitle: ["1 ", "2 ", "4 ", "5 "],
                values: [1, 2, 4, 5],
                preSelection: [2, 5, 4],
                activeColor: Colors.green,
                groupTitle: "Mutiple selection",
                direction: Direction.Horizontal,
                checkFirstElement: false,
                multiSelection: true,
                onItemSelected: (data){
                  print(data);
                },
                isExpandableTitle: true,
              ),
              SimpleGroupedChips<int>(
                key: mutliChipsKey,
                values: [1, 2, 3, 4, 5, 6, 7],
                itemTitle: [
                  "text1",
                  "text2",
                  "text3",
                  "text4",
                  "text5",
                  "text6",
                  "text7"
                ],
                backgroundColorItem: Colors.black26,
                isScrolling: true,
              ),
              Text("grouped switch"),
              SimpleGroupedSwitch<int>(
                itemsTitle: ["1","2","3"],
                values: [1,2,3],
                disableItems: [2],
                textStyle: TextStyle(fontSize: 16),
                activeColor:Colors.red,
                isMutlipleSelection: false,
              ),
            ],
          ),
        ),
      ),
    );
  }
}
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