Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/AbhishekDoshi26/parent-child-checkbox
Parent Child Checkbox is a type of checkbox where we can establish hierarchy in Checkboxes.
https://github.com/AbhishekDoshi26/parent-child-checkbox
dart dartlang flutter flutter-package hacktoberfest hacktoberfest-accepted hacktoberfest2023 material-design
Last synced: 7 days ago
JSON representation
Parent Child Checkbox is a type of checkbox where we can establish hierarchy in Checkboxes.
- Host: GitHub
- URL: https://github.com/AbhishekDoshi26/parent-child-checkbox
- Owner: AbhishekDoshi26
- License: mit
- Created: 2021-06-10T18:30:16.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-03-07T17:18:24.000Z (over 1 year ago)
- Last Synced: 2024-10-19T13:36:42.564Z (22 days ago)
- Topics: dart, dartlang, flutter, flutter-package, hacktoberfest, hacktoberfest-accepted, hacktoberfest2023, material-design
- Language: Dart
- Homepage:
- Size: 91.8 KB
- Stars: 9
- Watchers: 2
- Forks: 6
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
parent_child_checkbox
Parent Child Checkbox is a type of checkbox where we can establish hierarchy in Checkboxes.
You can create a Parent Checkbox which has multiple checkboxes as their children! The value of parent checkbox depends on the value of children checkboxes and vice-versa.
If we clicked on Parent Checkbox, all children checkboxes will be selected too.
Properties available:
Parameter Name
Parameter Type
Description
parent
Text
Text Widget to specify the Parent checkbox
children
List<Text>
List<Text> Widgets to specify the Children checkboxes
parentCheckboxColor
Color
Color of Parent CheckBox
Defaults to [ThemeData.toggleableActiveColor]
childrenCheckboxColor
Text Widget
Text Widget to specify the Parent checkbox
parentCheckboxScale
double
Scale of the Parent CheckBox. Defaults to [1.0]
childrenCheckboxScale
double
Scale of the Children CheckBox. Defaults to [1.0]
gap
double
Gap between the Parent and Children CheckBox. Defaults to [10.0]
onCheckedChild
void Function(int index)?
Function that will be executed if a child will be selected
onCheckedParent
void Function()?
Function that will be executed if the parent will be selected
isParentSelected
Getter
Getter to get whether particular parent is selected or not.
Example: {'Parent 1' : true, 'Parent 2' : false} where Parent 1 and Parent 2 will be 2 separate parents if you are using multiple ParentChildCheckbox in your code.
Default value will be false for all specified parents
selectedChildrens
Getter
Getter to get which childrens are selected for a particular parent.
Example: {'Parent 1' : ['Children 1.1','Children 1.2'], 'Parent 2' : []} where Parent 1 and Parent 2 will be 2 separate parents if you are using multiple ParentChildCheckbox in your code.
Default value is {'Parent 1' : [], 'Parent 2' : []}
Example:
```
import 'dart:developer';
import 'package:flutter/material.dart';
import 'package:parent_child_checkbox/parent_child_checkbox.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Material App',
home: Scaffold(
appBar: AppBar(title: Text('Parent Child Checkox')),
body: Column(
children: [
ParentChildCheckbox(
parent: Text('Parent 1'),
children: [
Text('Children 1.1'),
Text('Children 1.2'),
Text('Children 1.3'),
Text('Children 1.4'),
],
parentCheckboxColor: Colors.orange,
childrenCheckboxColor: Colors.red,
),
ParentChildCheckbox(
parent: Text('Parent 2'),
children: [
Text('Children 2.1'),
Text('Children 2.2'),
Text('Children 2.3'),
Text('Children 2.4'),
],
),
ElevatedButton(
child: Text('Get Data'),
onPressed: () {
log(ParentChildCheckbox.isParentSelected.toString());
log(ParentChildCheckbox.selectedChildrens.toString());
},
),
],
),
),
);
}
}
```