آموزش ساخت CheckBox در فلاتر
استفاده از چک باکس ها CheckBox و رادیوباتن Radio Button در فرم های ثبت نام و نظرسنجی متداول می باشد.
به طور کلی در هرجایی که نیاز باشه تا کاربر گزینه های انتخاب داشته باشه از این ویجت ها استفاده می کنیم.
در Radio Button ها کاربر فقط اجازه انتخاب یک گزینه و داره ولی در CheckBox کاربر هر تعداد گزینه که مایل بود میتواند انتخاب کند.
در Flutter ما دو نوع ویجت داریم برای پیاده سازی چک باکس که CheckBox و CheckBoxListTile نام دارند.
ویجت CheckBox یک چک باکس خالی برای شما ایجاد می کند اما CheckBoxListTile شامل یک عنوان و زیر عنوان نیز می باشد که میتوانید از آن استفاده کنید.
برای راحتی من یک ویجت از نوع StateFul ایجاد می میکنم و دو مقدار boolean قرار میدهم که نشان دهنده وضعیت چک باکس های من می باشند.
همچنین دو متد هم تعریف میکنم که یک پارامتر boolean برای اپدیت کردن مقادیری که بالاتر گفتم میگیرد.
var _second = false;
void _Change1(bool valu){
setState(() {
_first = valu;
print('first: $valu');
});
}
void _Change2(bool valu){
setState(() {
_second = valu;
print('second: $valu');
});
}
حالا در صفحه خودم دو چک باکس قرار میدهم از نوع CheckBoxListTile
Column(
children: <Widget>[
CheckboxListTile(value: _first, onChanged: _Change1,title: Text('my title'),),
CheckboxListTile(value: _second, onChanged: _Change2, activeColor: Colors.black87,title: Icon(Icons.add),),
],
),
در کد بالا همچنین با استفاده از activeColor میتونید رنگ چک باکس خودتون و تغییر بدید.
دیدگاهتان را بنویسید