Flutter多選按鈕組件Checkbox使用方法詳解
Flutter 中的多選按鈕組件有兩種,供大家參考,具體內(nèi)容如下
1. Checkbox
多選按鈕,一般用來表現(xiàn)一些簡(jiǎn)單的信息。
常用屬性如下:
(1). value 多選的值;
(2). onChanged 選擇改變觸發(fā)的事件;
(3). activeColor 選中時(shí)的顏色;
(4). checkColor 選中后對(duì)號(hào)的顏色;
2. CheckboxListTile
包含更多信息的多選項(xiàng),提供多種配置信息的屬性,可以表現(xiàn)更豐富的信息。
常用的屬性如下:
(1). value 多選的值;
(2). onChanged 選擇改變觸發(fā)的事件;
(3). activeColor 選中時(shí)的顏色;
(4). title 標(biāo)題;
(5). subtitle 副標(biāo)題;
(6). secondary 次要的;
(7). activeColor 選中時(shí)的顏色;
(8). checkColor 選中后對(duì)號(hào)的顏色;
(9). selected 選中的時(shí)候文字顏色是否跟著改變;
3. 代碼示例
import 'package:flutter/material.dart'; class CheckBoxPage extends StatefulWidget { CheckBoxPage({Key key}) : super(key: key); @override _CheckBoxPageState createState() => _CheckBoxPageState(); } class _CheckBoxPageState extends State<CheckBoxPage> { var status = true; var flag = true; var check = true; @override Widget build(BuildContext context) { return Scaffold( appBar:AppBar( title: Text("多選框"), ), body:Column( mainAxisAlignment: MainAxisAlignment.center, children:<Widget>[ Row( children:<Widget>[ // 選中框 Checkbox( value:this.status, // 改變后的事件 onChanged:(value){ setState(() { this.status = value; }); }, // 選中后的顏色 activeColor: Colors.red, // 選中后對(duì)號(hào)的顏色 checkColor: Colors.blue, ), Text(this.status?"選中":"取消") ], ), SizedBox(height:10), // 帶標(biāo)題的選中框 CheckboxListTile( value:this.flag, // 改變后的事件 onChanged:(value){ setState(() { this.flag = value; }); }, title:Text("標(biāo)題"), subtitle: Text("這是副標(biāo)題"), // 選中后的顏色 activeColor: Colors.red, // 選中的文字是否跟著高亮 selected: this.flag, // 選中后對(duì)號(hào)的顏色 checkColor: Colors.blue, ), SizedBox(height:10), // 帶圖標(biāo)和標(biāo)題的選中框 CheckboxListTile( value:this.check, onChanged:(value){ setState(() { this.check = value; }); }, title:Text("標(biāo)題"), subtitle: Text("這是副標(biāo)題"), secondary: Icon(Icons.help), activeColor: Colors.red, selected: this.check, checkColor: Colors.blue, ), ], ) ); } }
效果圖如下:
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android Notification的多種用法總結(jié)
這篇文章主要介紹了Android Notification的多種用法總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-06-06Android用戶注冊(cè)界面簡(jiǎn)單設(shè)計(jì)
這篇文章主要為大家分享了Android用戶注冊(cè)界面簡(jiǎn)單設(shè)計(jì),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10Flutter應(yīng)用程序?qū)崿F(xiàn)隱私屏幕示例解析
這篇文章主要為大家介紹了Flutter應(yīng)用程序?qū)崿F(xiàn)隱私屏幕示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09Android開發(fā)Jetpack組件Room使用講解
Room是一個(gè)數(shù)據(jù)庫訪問組件; 對(duì)SqLite數(shù)據(jù)庫做了友好的封裝,使我們?cè)诰幋a的時(shí)候,只需要注重邏輯的部分即可,數(shù)據(jù)庫就交給Room去流暢的訪問即可2022-08-08詳解android6.0版本下懸浮窗實(shí)現(xiàn)
這篇文章主要介紹了詳解android6.0版本下懸浮窗實(shí)現(xiàn),懸浮窗在安卓中實(shí)現(xiàn)起來還是比較容易的,非常具有實(shí)用價(jià)值,需要的朋友可以參考下。2017-03-03Android List刪除重復(fù)數(shù)據(jù)
這篇文章主要介紹了Android List刪除重復(fù)數(shù)據(jù)的實(shí)例代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-06-06android 跳轉(zhuǎn)到應(yīng)用通知設(shè)置界面的示例
本篇文章主要介紹了android 跳轉(zhuǎn)到應(yīng)用通知設(shè)置界面的示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10Android保存的文件顯示到文件管理的最近文件和下載列表中的方法
這篇記錄的是Android中如何把我們往存儲(chǔ)中寫入的文件,如何顯示到文件管理的下載列表、最近文件列表中,需要的朋友可以參考下2020-01-01