Hello, Flutter(五)——CheckBox

前言:《Hello, Flutter》是我近期的一個(gè)寫(xiě)作計(jì)劃。我的目標(biāo)是寫(xiě)一篇篇簡(jiǎn)短的教程融欧,提供給Flutter的初級(jí)用戶,讓他們能夠快速掌握Flutter開(kāi)發(fā)噪馏。代碼地址:https://github.com/flycash/hello_flutter

CheckBox是非常常見(jiàn)的組件绿饵,在涉及多項(xiàng)選擇的情況下,它幾乎就是第一優(yōu)先級(jí)考慮的組件刺桃。

CheckBox的基本用法非常簡(jiǎn)單:

這里有一個(gè)地方很有意思吸祟,一般來(lái)說(shuō),我們的checkbox都會(huì)和一小段文字合在一起葛碧,比如例子里面的"I'm checkbox"过吻,這個(gè)時(shí)候就會(huì)發(fā)現(xiàn),在CheckBox里面并沒(méi)有所謂的一個(gè)text字段乳绕,它僅僅代表的就是那個(gè)框框自身廓推。

另外,value這個(gè)字段則是代表CheckBox有沒(méi)有被選中樊展。onChange則是回調(diào)。會(huì)在狀態(tài)變化的時(shí)候觸發(fā)专缠。

我們可以修改CheckBox的顏色:

可以看到涝婉,和顏色有關(guān)的是activeColorcheckColor,其中activeColor代表的是框框的背景色,而checkColor則是那個(gè)小勾勾的顏色寞射。

這時(shí)候應(yīng)該能夠發(fā)現(xiàn)锌钮,這里面其實(shí)沒(méi)有改變形狀的選項(xiàng)。因此侵浸,那種很常見(jiàn)的圓形的復(fù)選框,在flutter里面反而比較難實(shí)現(xiàn)掏觉。

一般來(lái)說(shuō),在手機(jī)APP上澳腹,這些復(fù)選框都會(huì)按照一行行的排列好惭嚣。在這種情況下,我們可以考慮使用CheckBoxListTile晚吞。

這看上去就很接近我們?nèi)粘=佑|到的了槽地。它還有一個(gè)非常關(guān)鍵的點(diǎn):只要點(diǎn)擊那一整行芦瘾,就可以選中。如果不用CheckboxListTile的話缅糟,那么只有點(diǎn)擊那個(gè)小框框的時(shí)候,才能選中窗宦。

CheckboxListTile還有一個(gè)比較有意思的屬性二鳄,secondary

簡(jiǎn)單來(lái)說(shuō)订讼,它就是可以看做是一個(gè)leading

在開(kāi)發(fā)中,個(gè)人是推薦優(yōu)先使用CheckboxListTile鳖敷。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末定踱,一起剝皮案震驚了整個(gè)濱河市哺壶,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌山宾,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,324評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件敢课,死亡現(xiàn)場(chǎng)離奇詭異绷杜,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)圾结,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)筝野,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人歇竟,你說(shuō)我怎么就攤上這事抵恋。” “怎么了弧关?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,328評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵梯醒,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我畜隶,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,147評(píng)論 1 292
  • 正文 為了忘掉前任浸遗,我火速辦了婚禮跛锌,結(jié)果婚禮上届惋,老公的妹妹穿的比我還像新娘。我一直安慰自己郑藏,他們只是感情好瘩欺,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,160評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布俱饿。 她就那樣靜靜地躺著歌粥,像睡著了一般失驶。 火紅的嫁衣襯著肌膚如雪枣购。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,115評(píng)論 1 296
  • 那天,我揣著相機(jī)與錄音埂奈,去河邊找鬼。 笑死账磺,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的氏捞。 我是一名探鬼主播,決...
    沈念sama閱讀 40,025評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼液茎,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼捆等!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起栋烤,我...
    開(kāi)封第一講書(shū)人閱讀 38,867評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤谒养,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后明郭,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體买窟,經(jīng)...
    沈念sama閱讀 45,307評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,528評(píng)論 2 332
  • 正文 我和宋清朗相戀三年薯定,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了始绍。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,688評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡沉唠,死狀恐怖疆虚,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情满葛,我是刑警寧澤径簿,帶...
    沈念sama閱讀 35,409評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站嘀韧,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏译蒂。R本人自食惡果不足惜柔昼,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,001評(píng)論 3 325
  • 文/蒙蒙 一捕透、第九天 我趴在偏房一處隱蔽的房頂上張望乙嘀。 院中可真熱鬧虎谢,春花似錦曹质、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,657評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)镊绪。三九已至蝴韭,卻和暖如春熙侍,著一層夾襖步出監(jiān)牢的瞬間蛉抓,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,811評(píng)論 1 268
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留笑跛,地道東北人飞蹂。 一個(gè)月前我還...
    沈念sama閱讀 47,685評(píng)論 2 368
  • 正文 我出身青樓擦剑,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親赚抡。 傳聞我的和親對(duì)象是個(gè)殘疾皇子涂臣,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,573評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容