150多個Flutter元件詳細介紹送給你

2021-10-04 07:50:30 字數 2077 閱讀 8602

迷茫是什麼,迷茫就是大事幹不了,小事不想幹,能力配不上慾望,才華配不上夢想。

我在flutter未正式發布之前就開始學習了,因為fuchsia系統,隨著5g的發展,物聯網將會迎來爆發式的增長,目前的市場上還沒有一款物聯網系統佔據主導地位,雖然google沒有說fuchsia是為物聯網而生,但你理解fuchsia系統的特性你就會明白此系統非常適合物聯網,因此flutter的發展前景不可限量。

在學習flutter的過程中,中文資料非常少,官方的文件比較晦澀難懂,而且沒有相關demo,這就是此**誕生的初衷,希望能夠幫助廣大flutter初學者,這裡沒有高深的技術,有的只是乙個個控制項的基礎用法。

目前已經整理了150+的元件,而且將相近的元件放在了一起,比如button元件,系統提供了10多種button類元件,雖然索引是按照字母排序的,但不管你看哪乙個button,都可以看到其他button的相關用法。

小demo的開發,我也在寫乙個大而全的專案還是小而精的專案上思考了很久,最後我選擇了小而精的專案,原因是小的專案可以讓大家更快的關注到重點,適合學習,比較大的專案比較難以入手。

我收到了很多關於要不要學flutter?flutter會不會火的問題?說實在我也不知道,任何事物的發展壯大天時地利人和缺一不可,技術本身優勢僅僅是最基本的乙個方面,我只能說flutter的概率比較大而已,就像你和馬雲的兒子誰更有希望成為億萬富翁一樣,我只能說flutter的發展前景不可限量。

其實很多東西的學習,盡快入坑學習、動手實踐遠比畏畏縮縮、進度停留了解階段要好得多,這是乙個很簡單的道理,可是偏偏很多人不明白或者做不到。如果你可以做到這樣,不得不說這也是一種優勢。

flutter從正式發布至今才2年,到底如何誰心裡也沒底,能不能禁得住市場的考驗都是乙個未知數。

小公司和個人開發者目前使用flutter技術的非常多,沒有進入過跨平台開發的人永遠體會不到跨平台開發的便利,跨平台開發的人很難在回到原生開發了,除非你是為了五斗公尺折腰。

記住跨平台開發是歷史趨勢,從當初的h5到react native,在到現在的flutter,都是為了解決跨平台開發,提高開發效率,歷史的車輪不會停止,即使不是flutter,也會出現另乙個flutter。

flutter發展速度之快超乎你的想象,在查資料的時候注意版本,舊的版本在新的版本可能已經廢棄了,尤其在混合開發方面。因此本站所有的文章如無特殊說明,flutter版本及dart版本如下:

本站雖然整理了150+的控制項基本用法,以後也會繼續完善,但並不是讓你每乙個都學習一遍,任何技術基本都是掌握20%就可以解決80%的問題,因此我整理了一些常用控制項,只需學會這些基礎控制項就可以上手專案了,至於其他的控制項只需大概瀏覽一下,做專案的時候遇到一些功能能夠想起flutter已經提供了此元件就可以了。

俗話說的好「磨刀不誤砍柴工」,一款好的ide可以極大的提高開發效率,個人建議使用mac(系統)+android studio。原因如下:

flutter在android上除錯的時候會遇到各種編譯不通過的問題,這些需要一些gradle的基本知識,因此建議使用android studio,理解基本編譯過程。

android編譯不過一般是gradle版本、support版本和androidx的問題,這些問題在android studio上更好解決。

平時除錯的時候可以使用android studio+ios的模擬器進行除錯。

開發環境的安裝最好按照flutter官網的步驟來,網上的介紹很可能版本比較老了。

在學習階段建議大家少用第三方庫,尤其是一些ui庫、狀態管理和路由管理的庫,這裡並不是說這些庫不好,這些庫很好,是大牛的智慧型的結晶,如果你沒有經過原生的開發,不了解開發的痛點,你永遠無法了解這些庫帶給你的好處,而且如果這些庫一直有人維護那還好,一旦沒人維護,出了問題那解決起來可能更麻煩。

千萬不要和別人說flutter的ui編寫太不好維護了,為什麼?因為巢狀啊,我就想問問你你平時乙個函式會寫1000行嗎?你寫**不會封裝嗎?平時的模組化思想都哪去了?不管h5,還是android、ios的ui開發哪乙個不是「樹」結構。

Flutter元件大全

opacity 如果你想讓乙個微件在螢幕中不可見,且原來的頁面布局保持不變?那就請試一試我們的opacity微件吧!你只要設定乙個透明度的數值,它就能讓你的子褪色以便匹配。你也可以用它來混合不同子部件,或是用animatedopacity來建立動畫。opacity opacity 0.0,child...

flutter父元件呼叫子元件

子元件呼叫父元件就用官方的各種callback就行 而父元件呼叫子元件除了eventbus 的通知 eventbus 應用場景適合元件太多 父子資訊互動過於繁瑣的時候 還可以 用globalkey 父元件 inkwell ontap child test key childkey,子元件 impor...

Flutter之提示元件

本文參考部落格 即提示很短一段時間後就會消失 傳入的context絕對不能是scaffold節點下的的context,因為 scaffold的.of 方法是從widget樹中去找到scaffold的context 所以如果直接在scaffold中使用showsnackbar的時候,需要外層套一層bu...