3.4 - Flutter Checkbox and CheckboxListTile Widget - Flutter Crash Course

preview_player
Показать описание
In this flutter tutorial, we will create, design, and setState of a checkbox and CheckboxListTile in a flutter.
The flutter checkbox is a flutter widget that allows us to create and design a checkbox in a flutter. There are two ways to create a checkbox in a flutter. The first one is to use a simple checkbox widget and 2nd is to use the checkboxListTile flutter material design widget.

SOURCE CODE
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

❤️ COURSES
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

❤️ SUPPORT
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Like and Subscribe @CODINGwithT for more amazing content

FOLLOW @CodingwithT on SOCIAL MEDIA!
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

#flutter_crash_course_2023 #coding_with_T #flutter_course_2023

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
📝 CHAPTERS:
0:00 Intro
00:32 Today's Tutorial Overview
01:10 Start Coding
02:04 Create Checkbox() and setState()
05:54 Cons of Checkbox() widget
06:16 Create CheckboxListTile()

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
📝 VIDEO SUMMARY:
In this flutter tutorial, we will create a checkbox using both the checkbox widget and CheckboxListTile widget in a flutter.
1. To create and design a checkbox we first have to use the CheckBoxListTile widget in a flutter.
2. After designing we will add interactivity to the checkbox by making it clickable using the flutter stateful widget class and setState().
3. Create a custom checkbox widget in flutter so that we can use it as many times as we want and follow best practices.

If you like this video please don't forget to hit the like button and if you are new to this channel please don't forget to subscribe to it as more amazing free videos and courses are coming. :)
Рекомендации по теме
Комментарии
Автор

Great tutorials, thanks for taking your time to teach us.

akowechristian
Автор

Your videos are extremely helpful. You are a good teacher. ❤

mostafaemon
Автор

How to pass the data from the checkboxlistetile ?thanks for the tuto

sofsof
Автор

Can you provide source code to this part I cannot catch it. I am new to it and really like the way you are teaching.

amcheachamroeun
Автор

Brother teach us to create vpn app a to z🙏🙏plz

mdnadimulislam
Автор

class CustomCheckBox extends StatefulWidget {
final bool tristate, value;
final String text;

const CustomCheckBox(
{Key? key,
required this.tristate,
required this.value,
required this.text})
: super(key: key);

@override
State<CustomCheckBox> createState() =>
_CustomCheckBoxState(tristate, value, text);
}

class _CustomCheckBoxState extends State<CustomCheckBox> {
final bool tristate;
bool? checkBoxValue;
final String text;

_CustomCheckBoxState(this.tristate, this.checkBoxValue, this.text);

@override
Widget build(BuildContext context) {
return Column(
children: [
Row(
children: [
Checkbox(
tristate: tristate,
value: checkBoxValue,
onChanged: (value) {
setState(() {
checkBoxValue = value;
});
}),
Text(
text,
style: const TextStyle(color: Colors.blueAccent),
),
],
),
],
);
}
}

here is my assignment @codingwithtea. Please share your feedback

thecseacademy