Flutter最佳入門方式 寫乙個計算器

2021-09-27 08:39:03 字數 949 閱讀 8031

工作以來,我在學習新知識的時候,常常與在應試教育階段被傳授的方法作鬥爭——把書本的內容100%複製到腦中才算學會嗎?不會被使用或者不常用的知識,花費大量功夫去記憶才算完美嗎?

flutter的入門文件給予了我很大的啟發,它並沒有把api文件或者是整個框架的內容直接展現給初學者,而是通過乙個簡單的計數器例子,從基礎的元件到手勢的監聽,再到狀態的改變,將flutter最核心的思想展現的淋漓盡致。

我認為的高效學習的方法是,學習掌握恰到好處可以開始的基礎知識,通過操作來深入學習,邊玩邊學,在這個過程中發現自己不懂的部分,通過查閱資料,掌握不懂的知識,最後將所學知識從大腦中提取出來,以別人能夠理解的方式教授給別人。

從全域性出發,可以發現是乙個column(垂直)布局,子元件們按照一定的權重分配內部空間。顯而易見,頂部text的權重為2(flex:2),其餘子元件listview和row的權重均為1(flex:1)。

拆分元件,可以按照業務邏輯拆分,也可以按照布局是否相同來拆分,在這裡筆者選擇的是按照布局是否相同來進行拆分,原因是業務邏輯並不複雜,布局可以復用的地方更多。如圖所示,以numberbutton元件及numberbuttongroup元件為例:

實現每一部分的元件之後,就要回到整體的計算器邏輯,即如何完成輸入->處理->輸出

專案位址

flutter從入門到精通一

flutter 是 google 開源的 ui 工具包,幫助開發者通過一套 庫高效構建多平台精美應用,支援移動 web 桌面和嵌入式平台 flutter是基於dart語言開發的,我們將首先通過幾章節介紹下dart語言,再詳細的學習flutter 1.dart裡面是有型別的,並且具有型別校驗校驗 如果...

SpringCloud入門最佳實踐(一)微服務概述

微服務條目 落地技術 服務開發 springboot,spring,springmvc 服務配置與管理 netflix公司的archaius 阿里的diamond等 服務註冊與發現 eureka consul zookeeper等 服務呼叫 rest rpc grpc 服務熔斷器 hystrix e...

Flutter開發 寫乙個漂亮的導航欄

在ios中,你要寫乙個漂亮的導航欄,如果想要自己定製,那是需要花點時間的,甚至可能你要完全重寫,而且導航欄中存在很多你設定後不生效的東西,對於初學者,甚至入門三四年的人的來說,依然是乙個噩夢。而在flutter中,flutter為我們提供了豐富的元件,你可以選擇像在ios裡那樣自定義乙個view,來...