StatelessWidget和StatefulWidget是flutter的基礎組件,日常開發中自定義Widget都是選擇繼承這兩者之一。 兩者的區別在於狀態的改變,StatelessWidget面向那些始終不變的UI控件,比如標題欄中的標題;而StatefulWidget則是面向可能會 ...
前言 上一篇我們對 Flutter UI 有了一個基本的了解。 這一篇我們通過自定義 Widget 來了解下如何寫一個 Widget 然而 Widget 有兩個,StatelessWidget 和 StatefulWidget,我們要繼承哪一個 下面讓我們跟着文章來探索一番。 目錄 . StatelessWidget 我們先來看下繼承的 Widget 為 StatelessWidget 的情況。 ...
2019-02-20 19:28 0 938 推薦指數:
StatelessWidget和StatefulWidget是flutter的基礎組件,日常開發中自定義Widget都是選擇繼承這兩者之一。 兩者的區別在於狀態的改變,StatelessWidget面向那些始終不變的UI控件,比如標題欄中的標題;而StatefulWidget則是面向可能會 ...
前言 上一篇文章我們搭建好了 Flutter 的開發環境。 Flutter 即學即用——01 環境搭建 這一篇我們通過 Flutter 的一個 Demo 來了解下 Flutter。 開發系統:MAC IDE:Android Studio 目錄 1. 創建一個 Flutter 項目 ...
前面三篇可以算是一個小小的里程碑。 主要是介紹了 Flutter 環境的搭建、如何創建 Flutter 項目以及如何在舊有 Android 項目引入 Flutter。 這一篇我們來學習下 Flutter 的 UI。 前言 說到 UI,我就簡單說下 Flutter 作為一門跨平台語言具有 ...
前言 其實如果打算在實際項目中引入 Flutter,完全將舊有項目改造成純 Flutter 項目的可能性比較小,更多的是在舊有項目引入 Flutter。 因此本篇我們就說一說如何在舊有項目引入 Flutter。 官方 WIKI 有說明,但是里面坑還是不少的,變化也是存在的。 因此就讓 ...
前言 工欲善其事,必先利其器 所以第一篇我們來說說 Flutter 環境的搭建。 筆者這邊使用的是 MAC 電腦,因此以 MAC 電腦的環境搭建為例。 Windows 或者 Linux 也是類似的操作。 Flutter 有英文版的官網和中文網,大家可以根據自己的喜好和情況 ...
前言 上一篇我們講解了如何通過 EventChannel 實現 Android -> Flutter 的通信。 並且也看到了 Flutter 內部 EventChannel 源碼也是對 MethodChannel 的封裝。 因此這篇我們來說下如何通過 MethodChannel ...
前言 緊接着上一篇,這一篇我們講一下原生怎么給 Flutter 發信號,即原生-> Flutter 還是通過 Flutter 官網的 Example 來講解。 案例 接着上一次,這一次我們讓原生主動將電池的充電狀態發送給 Flutter 並在界面顯示。 步驟如下。 1. ...
背景 前面我們講了很多 Flutter 相關的知識點,但是我們並沒有介紹怎樣實現 Flutter 與原生的通信。 比如我在 Flutter UI 上面點擊了一個按鈕,我希望原生做一些處理,那么原生怎么知道? 比如我在原生有些變化需要告知 Flutter,Flutter 又如何獲知 ...